BlogSnap is a full-stack blogging platform built with Next.js, designed for sharing ideas, stories, and opinions through beautifully styled blog posts. It includes dynamic social features like likes, comments, saves, and user interactions — all backed by robust authentication and cloud integration.
🔗 Live Preview: https://blogsnap.vercel.app
- 🔐 Google Sign-In with Auth.js
- 📝 Create, edit, and delete blog posts
- ❤️ Like blogs and engage with content
- 💬 Comment system for user interaction
- 📌 Save blogs to read later
- 👥 Follow and unfollow other users
- 📷 Upload blog images and profile pictures via Cloudinary
- ✉️ Send Feedback – users can submit feedback visible to specific admin users via email
- ⚙️ Clean API routes using Next.js Route Handlers
- 🎨 UI styled using Tailwind CSS and Next UI
| Area | Technology |
|---|---|
| Frontend | Next.js, Tailwind CSS, Next UI |
| Backend | Next.js Route Handlers |
| Authentication | Auth.js + Google OAuth |
| Database | MongoDB + Prisma |
| Media Storage | Cloudinary |
| Feedback System | Custom form + Email routing |
- Modern stack used to build a real-world social blogging experience
- Clean, scalable code following best practices
- Rich user experience through interactive features and cloud image support
- Admin-friendly feedback management via email-based routing
- Practical authentication flow using OAuth and session handling
- Full-stack web development with Next.js (App Router)
- Integration with third-party services (Cloudinary, Google Auth)
- RESTful API design using route handlers
- Database modeling and ORM with Prisma
- UI/UX design using utility-first CSS and component libraries
- Secure and scalable feature implementation
Built using:
Made with 💻 and ☕ by Roshan