Instagram Clone is a demo application that mimics the core functionalities of Instagram. In this app, users can browse through posts, like photos, and follow other users, providing an experience similar to the original Instagram platform.
- Next.js
- TypeScript
- TailwindCss
- Supabase
- Zustand
- Zod
- Hook form
- React-Icons
- Swiper
Since this was my first time working on a project like this, every part presented unique challenges. However, implementing the post and story flows was particularly difficult. This required a deep understanding of Supabase, familiarity with common backend workflows, and some tricks with Swiper. It also took some time to think through the best approaches.
- Direct Messaging: Enabling users to send and receive messages.
- Notifications: Showing alerts for new followers, likes, and comments.
To get started with the project, follow these steps:
git clone https://github.com/yourusername/InstagramClone.git
npm install
npm run dev-
Database: supabase
-
Design inspiration : Instagram UI Concept by Bruno Abacherli