Skip to content

zaydhassan/MERN-Blog-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌐 MERN Blog App

Banner

✍️ A dynamic full-stack blog platform built with the MERN stack, empowering passionate readers and writers to engage, explore, and express.


🚀 Features

  • 📝 Create, read, edit, and delete blogs
  • 🔐 Secure authentication with RBAC (Role-Based Access Control)
  • 💬 Commenting, liking, and sharing functionality
  • 🧠 Category & tag-based blog filtering
  • 📨 Newsletter subscription system
  • 🏆 Writer levels, rewards, and leaderboard system
  • 📱 Responsive design using Tailwind CSS

🛠️ Tech Stack

Frontend:
React Redux Tailwind CSS

Backend:
Node.js Express.js MongoDB

Other Tools:
Render Redis GitHub


📸 UI Screenshots

🏠 Home Page

Home Page

📰 Blog Detail Page

Blog Page

🧩 Featured Blogs + Tags + Trending

Blog Cards

👤 User Dashboard (Level + Leaderboard)

Dashboard

📝 Create Blog Editor

Create Blog


🔐 .env Setup (inside /server)

Create a .env file with the following keys:

#```env

DEV_MODE=development

PORT=8080

MONGO_URI=your_mongodb_connection_string

EMAIL_USER=your_email@example.com

EMAIL_PASS=your_app_password

⚙️ Getting Started

Clone the repository

git clone

Install client dependencies

cd client

npm install

Install server dependencies

cd server

npm install

Run the development servers

Start backend

npm run server

In a separate terminal

cd client

npm start

About

A full-featured MERN stack blogging platform with role-based authentication, dynamic blog creation, user dashboards, leaderboards, and a clean UI. Ideal for passionate writers and tech enthusiasts to publish and explore content.

Topics

Resources

Stars

Watchers

Forks

Contributors