This project is a full-stack Instagram Clone built using React, Firebase, and modern hooks-based architecture. It supports authentication, profile routing, dynamic post fetching, and user state management.
- Frontend: React (with hooks)
- Auth: Firebase Authentication
- Database: Firebase Firestore
- State Management: Zustand
- Routing: React Router
- Styling: Chakra UI
- 🔐 Firebase Authentication (Login/Signup)
- 👤 Fetch user profiles from Firestore by
username - 🧠 Global state with Zustand for user profiles
- ⚡ Toast messages for error feedback
- 🔁 Automatic routing to
/usernameafter login - 🏠 Protected
HomePageandProfilePageroutes - 🔄 Realtime user profile and post syncing
src/ ├── components/ # Reusable UI components ├── hooks/ # Custom React hooks (e.g. useGetUserProfileByUsername) ├── pages/ # AuthPage, HomePage, ProfilePage ├── store/ # Zustand stores (userProfileStore, authStore) ├── firebase/ # Firebase config ├── App.jsx # Main entry point with routing ├── index.js # React DOM rendering