Skip to content

Blog WebApp (Andromeda Blog) ​

Version: v1.0.0 • LinkedIn Post: View Post

Andromeda Blog is a full-stack publishing platform built with Next.js, Tailwind CSS, and MongoDB. Designed for writers and communities, it features rich text authoring, multi-reaction engagement, bookmarking, and comprehensive user profile customization.


✨ Key Features ​

  1. Blog Authoring: Create, edit, publish, and delete blog posts using an intuitive rich text editor.
  2. Interactive Reactions: Express sentiment with 6 interactive emoji reactions (Like, Love, Haha, Wow, Sad, Angry).
  3. Threaded Discussions: Add, reply to, edit, and moderate comments on any publication.
  4. Curated Reading & Bookmarking: Save favorite articles to a personal reading list with 1-click bookmarks.
  5. Dynamic Discovery Feed: Explore articles through randomized and chronological discovery feeds.
  6. Robust Authentication: Secure user authentication powered by JWT, password hashing with bcrypt, and OTP verification.
  7. Profile Customization: Personalize avatars, cover photos, biographies, address info, and social profiles.
  8. Organized User Archives: View dedicated tabs for Published, Saved, Liked, and Commented articles.
  9. Dark & Light Mode: System-wide theme customization with instant toggle.

🛠️ Tech Stack & Architecture ​

  • Next.js: Full-stack framework handling server-rendered pages and API endpoints.
  • MongoDB: Scalable document database storing posts, author metadata, comments, and interactions.
  • jsonwebtoken & bcrypt: Industry-standard authentication token handling and secure password hashing.
  • Cloudinary: Cloud-optimized CDN image hosting for user avatars and blog cover art.
  • Tailwind CSS: Utility-first responsive design tailored for mobile and desktop reading.
Next.jsMongoDBJWTTailwindCSSCloudinaryGitHubVercel

📸 Application Screenshots ​

Feed & Reading Experience ​

User Profile & Account Management ​

Content Creation & Community Engagement ​


Tags: Next.js MongoDB TailwindCSS Cloudinary Blogging Web Development