This project is a full-stack blog management system where admins can view, edit, and delete blog posts. Built with React.js on the frontend and a Node.js + Express backend, the system ensures secure operations using JWT authentication.
It is designed to be simple, user-friendly, and efficient for managing content on a blog website. Admins can fetch all blogs, update blog details (title, content, image, author), or delete blogs directly from the dashboard.
🔒 JWT-based authentication for secure access
📋 Fetch and display all blogs in a clean table
✏️ Edit existing blog posts
🗑️ Delete blog posts with confirmation
🚀 Protected routes for authorized access only
✏️ Email Verifications
🖼️ Upload and edit blog images
🔄 Real-time UI updates after editing or deleting blogs
📦 Axios for smooth API calls
- ReactJS, TailwindCSS, Material UI, JavaScript, Axios, AuthContext, React-icons, SweetAlert2
- Node.js, Express.js, JWT, MongoDB, Nodemailer
mern-stack-project/
├── backend/
│ ├── config/
│ │ └── db.js
│ ├── controllers/
│ │ ├── authController.js
│ │ ├── blogController.js
│ ├── models/
│ │ ├── user.js
│ │ └── blogPost.js
│ ├── routes/
│ │ ├── authRoutes.js
│ │ ├── blogRoutes.js
│ ├── middleware/
│ │ └── authMiddleware.js
│ │ └── roleMiddleware.js
│ ├── utils/
│ │ └── sendEmail.js
│ ├── .env
│ ├── server.js
│ └── package.json
├── frontend/
│ ├── public/
│ │ └── index.html
│ ├── src/
│ │ ├── components/
│ │ │ ├── banner.js
│ │ │ ├── blogItem.js
│ │ │ ├── Navbar.js
│ │ ├── pages/
│ │ │ ├── admin.js
│ │ │ └── blog.js
│ │ │ └── createBlog.js
│ │ │ └── layout.js
│ │ │ └── manageBlogs.js
│ │ │ └── updateBlog.js
│ │ │ └── blog.js
│ │ │ └── Main.js
│ │ │ └── SignIn.js
│ │ │ └── SignUp.js
│ │ ├── App.js
│ │ ├── index.js
│ │ ├── App.css
│ │ │
│ └── package.json
├── README.md
└── .gitignore
POST /api/auth/signup - Register a new user.
{
"name": "String",
"email": "String",
"password": "String"
Email: Verification
}POST /api/auth/login - Log in an existing User.
{
"email": "String",
"password": "String"
}POST /api/blog - Create a new blog.
GET /api/blog
PATCH /api/blog/:id
DELETE /api/blog/:id
/api/auth/verify/token
Star and Fork the Repo 🌟 and this will keep us motivated.
- Clone the repository
git clone https://github.com/subhashdippu/Blogify.git- Change the working directory
cd Blogify- Install dependencies
npm install- Run the app
npm start
