Blogify

A simple yet powerful full-stack blog application built with the MERN stack (MongoDB, Express.js, React.js, Node.js).

---

✨ Features

• 🔐 User Authentication – Secure registration, login, and logout using JWT
• ✍️ Blog Management – Create, Read, Update, and Delete (CRUD) blog posts
• 💬 Commenting System – Users can leave comments on blog posts
• 🖼️ Image Upload – Add visuals to blogs with Multer-based file uploads
• 🔍 Search Functionality – Search blog posts by title or content
• 📑 Pagination – Load blog entries in smaller, manageable chunks
• 📱 Responsive Design – Works great on mobile, tablet, and desktop
• 🤖 AI Blog Generator – Instantly generate blog content with AI
• 🌙 Dark & Light Mode – Switch between light and dark themes
• 🗂️ Categories – Filter and explore blogs by predefined topics
• 📊 User Dashboard – Manage blogs, and profile in one place

---

🛠️ Technologies Used

🖥️ Frontend

• ⚛️ React.js – Build reactive UI
• 🧭 React Router – Navigation between pages
• 🔗 Axios – HTTP requests
• 🎨 Tailwind CSS – Styling and responsive design
• 🌟 Lucide React – Icon library
• 🤖 Gemini AI (optional) – AI blog generation

🔧 Backend

• 🖥️ Node.js – JavaScript runtime environment
• 🌐 Express.js – Server API framework
• 📂 MongoDB – NoSQL database
• 🛠️ Mongoose – ODM for MongoDB
• 🔒 JWT – Authentication and authorization
• 🧂 bcryptjs – Password hashing
• 🖼️ Multer – Image upload middleware

---

⚡ Quick Start

# Backend
cd backend
npm install && npm start

# Frontend
cd frontend
npm install && npm run dev

📸 UI Preview

---

🔑 Environment Variables (/backend/.env)

PORT=8000
MONGO_URI=your_mongodb_uri
JWT_SECRET=your_secret_key
GEMINI_API_KEY= XXXXXXXXXXX

📩 Contributing

🙌 Contributions are welcome! Fork the repo and submit a pull request.

💙 Built with ❤️ by Manu Kumar Pal