Live Project: https://odin-book-frontend.onrender.com/
Odin-Book is a full-stack social media application where users can post, follow, comment, and explore other profiles. It includes user authentication and a visitor mode for browsing without signing in.
- User Profiles- Create personal profile or fetch it from Google account with photo/bio
- Follow System- Connect with people by following them
- Post & Engagement- Create posts, like, comment, and update content
- Media Uploads- Embed images in posts via Cloudinary & Multer
- Visitor Mode- Browse the platform without signing in
- Prisma & PostgreSQL- ORM & relational database for structured data
- Node.js, Express- Scalable backend for authentication & data handling
- Passport.js – Secure session-based authentication
- Cloudinary & multer - Image uploads
- React with TailwindCSS - Modern frontend with component-based UI & utility-first styling
.png)
- CORS errors - Resolved backend & frontend server mismatches
- Many-to-Many Relationships - Optimized follower/following system with Prisma
- Google Profile Image Rate Limits - Cached & stored profile images locally after first fetch
- Visitor mode - Ensured secure & seamless browsing experience
- Responsive design - Optimized for all screen sizes
- WebSocket Integration: Enable real-time notifications
- Live Chat: Support direct private messaging between users
Free to use under the Unsplash License: 1.Photo by Ken Oyama on Unsplash 2.Photo by Ken Oyama on Unsplash 3.Photo by Artem Militonian on Unsplash 4.Photo by Michael Henry on Unsplash