A modern, full-stack blogging platform built with Node.js, Express, MongoDB, and React, designed for developers and content creators. Supports authentication, markdown blogging, categories, comments, and media uploads with a clean, production-ready architecture.

• Frontend: https://blog-frontend-steel-three.vercel.app
• Backend API: https://blog-backend-3laz.onrender.com

⚠️ First load may be slow due to free-tier cold starts.

• React (Vite)
• React Router
• Tailwind CSS
• Axios
• Markdown rendering + syntax highlighting

• Node.js
• Express
• MongoDB Atlas
• Mongoose
• JWT Authentication
• Multer (image uploads)
• Redis (optional caching)
• Helmet, CORS, Rate Limiting

• Frontend: Vercel
• Backend: Render
• Database: MongoDB Atlas

• User signup & login
• JWT + refresh token flow
• Protected routes
• Clean auth state handling

• View & edit profile
• Avatar upload with preview
• Image validation (type & size)
• Secure access control

• Create, edit, delete blogs
• Draft & publish workflow
• Markdown editor support
• Optional cover image upload
• SEO-friendly slug routing
• Estimated reading time

• Category-based blog organization
• Slug-based category routes
• Admin-protected category management

• Auth-protected commenting
• Live comment updates
• Comment deletion support

• SPA routing with refresh support
• Skeleton loaders
• Graceful timeout handling
• Clean error states
• No infinite loops or console noise

• Authentication flow
• Profile & avatar uploads
• Blog CRUD (with & without images)
• Markdown rendering
• Categories & comments
• Route refresh & deep linking
• Free-tier performance handling

• Free-tier hosting causes cold starts
• Uploaded images are stored on ephemeral storage (Render)
• Image replacement after blog creation not supported (planned)
• No email notifications yet

• Frontend: v1.5.0 (Stable Beta)
• Backend: v1.5.0 (Stable Beta)

git clone https://github.com/CoreTech7704/blog-backend.git
cd blog-backend
npm install
npm run dev

git clone https://github.com/CoreTech7704/Blog-frontend.git
cd Blog-frontend
npm install
npm run dev

Create a .env file for both frontend and backend as required.

This project is currently in beta. Feedback, bug reports, and feature suggestions are welcome.

Sarvam Patel GitHub: https://github.com/CoreTech7704

This project represents a complete, production-deployed full-stack application, focusing on clean architecture, real-world deployment challenges, and scalable design.

Built with care, tested thoroughly, and ready for iteration 🚀