📸 Snapgram Media App

🚀 Live Demo

👉 Snapgram Media App

---

📝 About the Project

Snapgram is a modern social media platform where users can:

• 📝 Create, edit, and delete posts.
• 🔍 Explore and search for posts with infinite scrolling.
• 📄 View post details and user profiles.
• 🚪 Log in, sign up, and manage accounts easily.

---

🌟 Features

• Authentication: 🔐 Secure sign-in & sign-up pages with smooth user sessions.
• Infinite Scrolling: 🌐 Explore endless posts with getInfinitePosts.
• Responsive Design: 📱 Optimized for all screen sizes and devices.
• Real-time Updates: ✏️ Edit, update, and manage posts seamlessly.

---

⚙️ Installation

Follow these steps to run the app locally:

1. Clone the Repository

   git clone https://github.com/AnasHany219/snapgram-media-app.git
   cd snapgram-media-app

2. Install Dependencies

   npm install

3. Run the Development Server

   npm run dev

4. Open in Browser
   Go to http://localhost:5173 to view the app.

---

📦 Tech Stack

• Frontend: ⚛️ React, React Router, Vite
• State Management: 🪝 React Context API
• Styling: 🎨 Tailwind CSS
• Backend Integration: 📡 React Query for API calls

---

🛠️ Contributing

Contributions are welcome! Please follow these steps:

1. Fork the repository.
2. Create a new branch: git checkout -b feature/your-feature.
3. Commit changes: git commit -m 'Add some feature'.
4. Push the branch: git push origin feature/your-feature.
5. Submit a pull request.

---

🐛 Report Bugs

If you encounter any bugs, please open an issue.

---

🙌 Acknowledgments

Thanks to everyone who supported the development of Snapgram! 💙

---

👤 Author

Anas Hany

• 💼 LinkedIn
• 🧑‍💻 GitHub

---

🔗 Show Some Love

If you like this project, don't forget to ⭐ the repo!

---