A full-stack Pinterest-inspired social media app built using React.js, Node.js, Express, and MongoDB. This project demonstrates a modern web application with complete frontend and backend functionality including authentication, routing, infinite scrolling, image uploading/editing, responsive design, and database interactions.
🔗 Live Preview: https://pinterest-clone-dev.netlify.app/
- Frontend: React.js, Zustand, React Router, React Query, CSS (Responsive + Masonry Layout)
- Backend: Node.js, Express.js, MongoDB, Mongoose
- Authentication: JWT, Cookies
- Features: Image optimization, drag-and-drop, emoji picker, infinite scrolling
- 🖼️ Responsive Masonry Grid Layout
- 🔍 Search and filter functionality
- 🔒 JWT-based Authentication with Cookie support
- 🌐 RESTful API with Express and MongoDB
- 💬 Comment section with emoji picker
- 💾 Save posts to boards
- 🧑💻 User profiles and follow feature
- 🎨 Built-in image editor and uploader
- 🧠 State management with Zustand
- ⏬ Infinite scroll, lazy loading & code splitting
# Clone the repo
git clone [https://github.com/M7moudMostafa/Pinterest-clone.git]
# Navigate to the project folder
cd pinterest-clone
# Install dependencies for both frontend and backend
npm install
# Run the app (both client and server)
npm run dev