Blogging Platform is a full-featured blogging ecosystem built with the MERN stack. It bridges the gap between traditional content creation and Artificial Intelligence, offering users a seamless way to write, interact, and discover content.
- AI Writing Assistant: Generate post ideas or complete paragraphs using integrated AI.
- Auto-Summarization: Automatically generate meta-descriptions and summaries for long-form content.
- Smart Tagging: AI suggests categories and tags based on your content.
- Rich Text Editor: Create beautiful posts with a modern UI.
- Interactive Socials: Like, share, and engage with threaded comments.
- Dynamic Search: Instant filtering by author, category, or keywords.
- JWT Authentication: Secure user sessions and protected routes.
- Cloudinary Integration: Fast and optimized image hosting.
- Responsive Layout: Perfectly optimized for Mobile, Tablet, and Desktop.
| Layer | Technology |
|---|---|
| Frontend | React.js, Redux Toolkit, Tailwind CSS, Framer Motion |
| Backend | Node.js, Express.js |
| Database | MongoDB Atlas |
| AI Engine | OpenAI API / Gemini API |
| Auth | JSON Web Tokens (JWT) & Bcrypt.js |
- Node.js (v16+)
- MongoDB Account
- AI Provider API Key (OpenAI/Gemini)
###3. Installation
- git clone https://github.com/rahulkumardas45/MERN-Blog-App.git
- cd MERN-Blog-App
- cd api
- npm install
- npm run dev
- cd ../client
- npm install
- npm run dev
📂 Project Structure
Based on the project structure, the application is split into a clear Api (Backend) and client (Frontend) separation:
.
├── Api/ # Backend (Node/Express)
│ ├── config/ # Database & Cloud configurations
│ ├── controllers/ # Request handlers (Logic)
│ ├── helpers/ # Utility functions
│ ├── middleware/ # Auth & Security checks
│ ├── models/ # MongoDB Schemas
│ ├── routes/ # API Endpoints
│ └── index.js # Entry point
├── client/ # Frontend (React/Vite)
│ ├── src/ # React components & hooks
│ ├── public/ # Static assets
│ └── vite.config.js # Build configuration
└── vercel.json # Deployment settings