An open API service indexing awesome lists of open source software.

https://github.com/anishsingh90/mern-blog-application

🚀 MERN Blog Application – A dynamic & responsive blog platform with an admin panel, built using MongoDB 🗄️, Express.js 🚀, React.js ⚛️, and Node.js ⚡. Features JWT authentication 🔐, CRUD operations ✍️, Tailwind CSS 🎨, and secure routing 🔄. 🚀🔥
https://github.com/anishsingh90/mern-blog-application

expressjs mongodb nodejs reactjs talwindcss

Last synced: 4 months ago
JSON representation

🚀 MERN Blog Application – A dynamic & responsive blog platform with an admin panel, built using MongoDB 🗄️, Express.js 🚀, React.js ⚛️, and Node.js ⚡. Features JWT authentication 🔐, CRUD operations ✍️, Tailwind CSS 🎨, and secure routing 🔄. 🚀🔥

Awesome Lists containing this project

README

          

# 🚀 Full-Stack Blog Application with Admin Panel

This **dynamic & responsive** blog application is built with **MERN Stack** (MongoDB, Express.js, React.js, Node.js) and comes with an **admin panel** for managing blog posts.

🔹 **Secure & Scalable**
🔹 **User Authentication & Authorization**
🔹 **CRUD Operations for Blogs**
🔹 **Fully Responsive UI with Tailwind CSS**

---

## 🛠️ Technologies Used

### 🗄️ Backend
- **⚡ Node.js** - Runs JavaScript on the server-side
- **🚀 Express.js** - Fast, minimalist Node.js web framework
- **💾 MongoDB** - NoSQL database for flexible data storage

### 🎨 Frontend
- **⚛️ React.js** - JavaScript library for building UI
- **🎨 Tailwind CSS** - Modern styling for responsive design

---

## 🔥 Features
✅ **User Authentication (JWT-based)**
✅ **Blog Management (Create, Read, Update, Delete)**
✅ **Admin Dashboard for Moderation**
✅ **Fully Responsive & Mobile-Friendly UI**
✅ **Real-time Notifications & Toast Messages**
✅ **Protected Routes for Security**

---

## 📌 Installation & Setup

1️⃣ **Clone the Repository**
```bash
git clone https://github.com/anishsingh90/MERN-BLog-Application.git
cd MERN-BLog-Application
```

2️⃣ **Install Dependencies**
```bash
# Backend
cd server
npm install

# Frontend
cd client
npm install
```

3️⃣ **Run the Application**
```bash
# Backend (Server)
cd server
npm start

# Frontend (Client)
cd client
npm start
```

🚀 **Your app is now running at** `http://localhost:3000`

---

## 🌍 Live Demo
🔗 [Deployed Link (if available)](https://your-live-demo-link.com)

---

## 📷 Screenshots
🖼️ *Include screenshots of your application here*

---

## 🤝 Contributing
Contributions are always welcome! Feel free to fork the repo and submit a PR.

---

## 🛡️ License
This project is **open-source** and available under the **MIT License**.

---

### ✨ Happy Coding! 🚀🔥