A modern Instagram Clone built with React and TypeScript. This project recreates the core features and clean UI of Instagram, providing users with a seamless, interactive photo-sharing experience on the web.
This Instagram Clone is designed as a learning project and demonstration of a full-stack social media application frontend. It utilizes React for building dynamic UIs and TypeScript for type safety, making the codebase robust and scalable. The project is open source and free for anyone to use, modify, or contribute to.
- 🖼️ Photo Feed: Browse and scroll through user-uploaded posts.
- 📸 Photo Upload: Share your own images with captions.
- ❤️ Like & Comment: Interact with posts through likes and comments.
- 👤 User Profiles: View your profile, edit info, and see your posts.
- 🔍 Search: Discover users and content easily
- 💬 Real-Time Updates: See new posts and interactions as they happen.
- 📱 Responsive Design: Looks great on mobile and desktop.
-
Clone the repository:
git clone https://github.com/shozon-roy/instagram-clone.git cd instagram-clone -
Install dependencies:
npm install
-
Run the app locally:
npm start
-
Visit
http://localhost:3000in your browser.
Note: This repository contains only the frontend. For full functionality (authentication, posts, etc.), connect to a backend API.
- Inspired by Instagram
- Built with React and TypeScript
- UI icons from Material UI & FontAwesome
- Demo deployment via Vercel
Shozon Roy
This project is open-source and free to use.
Enjoy using Instagram Clone!
If you like this project, feel free to star ⭐ the repo and share with others!