📝 Blog Pro - Professional Content Management System
Blog Pro is a robust Content Management System (CMS) built with the MERN Stack. It features comprehensive role-based access control, real-time interactivity, and enterprise-grade security tailored for scalability.
✨ Key Features
1️⃣ Security & Performance (Backend) 🛡️
- Secure Authentication: Robust JWT implementation with HTTP-Only cookies and password complexity enforcement via Joi.
- Protection Layers: Integrated Helmet (Headers security), XSS-Clean (Sanitization), and HPP (Parameter Pollution protection).
- Rate Limiting: Advanced protection against brute-force attacks and spam.
- Media Management: Optimized cloud-based image storage using Cloudinary.
2️⃣ User Experience (Frontend) 👤
- Interactive Community: Nested comments system, real-time likes, and rich-text post creation.
- Profile Management: Complete control with avatar uploads and a dynamic Follow/Unfollow system.
- Theme Customization: Fully responsive UI with a built-in Dark/Light Mode toggle.
3️⃣ Admin Capabilities ⚡
- Centralized Dashboard: Full administrative control to manage Users, Posts, Categories, and Comments.
- Analytics & Insights: Visualized platform statistics and user growth tracking.
- Role Management: Strict role-based access control (RBAC) for Admins vs. Standard Users.
🛠️ Tech Stack
| Domain | Technologies |
|---|---|
| Frontend | React.js, Redux Toolkit, React Router, Bootstrap, Toastify |
| Backend | Node.js, Express.js, MongoDB (Mongoose) |
| Security | Helmet, XSS-Clean, Express-Mongo-Sanitize, BcryptJS |
| Services | Cloudinary (Storage), Nodemailer (Email Services) |
💻 Running Locally
- Clone the repository
git clone [https://github.com/Ali-Haggag7/blog-pro.git](https://github.com/Ali-Haggag7/blog-pro.git) cd blog-pro - Install Dependencies
# Install Backend Dependencies
cd backend
npm install
# Install Frontend Dependencies
cd ../frontend
npm install
- Environment Variables
# Create a .env file in the backend directory and add your keys:
PORT=8000
MONGO_URI=your_mongodb_connection_string
NODE_ENV=development
JWT_SECRET=your_super_secret_key
[email protected]
APP_EMAIL_PASSWORD=your_app_password
CLOUDINARY_CLOUD_NAME=your_cloud_name
CLOUDINARY_API_KEY=your_api_key
CLOUDINARY_API_SECRET=your_api_secret
CLIENT_DOMAIN=http://localhost:3000
- Run the App
# Run Backend (Open new terminal)
cd backend
npm run dev
# Run Frontend (Open separate terminal)
cd frontend
npm start
📄 License
This project is open source. Created by Ali Haggag. © 2026 All rights reserved.