A full-stack blog application built with the MERN stack (MongoDB, Express.js, React.js, Node.js) that allows users to create, read, update, and delete blog posts with a clean, responsive UI.
- User authentication and authorization (signup/login)
- Create, edit, update, and delete blog posts
- Upload and display images for blog posts
- Responsive UI built with Material-UI
- Real-time updates on posts
- Categorize blog posts by topic
- RESTful API backend with Express and MongoDB
| Layer | Technology |
|---|---|
| Frontend | React.js, Material-UI |
| Backend | Node.js, Express.js |
| Database | MongoDB (Atlas) |
| Authentication | JWT (JSON Web Tokens) |
- Node.js & npm installed
- MongoDB Atlas account or local MongoDB installed
-
Clone the repo
git clone https://github.com/dasabhijit2004/blog-website.git cd blog-website -
Setup backend
cd server npm install -
Setup frontend
cd ../client npm install -
Environment Variables
Create a
.envfile in theserverfolder with:DB=your_mongodb_uri DB_USERNAME=your_username DB_PASSWORD=your_password ACCESS_SECRET_KEY=your-access-secret REFRESH_SECRET_KEY=your-refresh-secret -
Running the Application
In separate terminals:
# Start backend server cd server npm run start# Start frontend dev server cd client npm run startOpen http://localhost:3000 to view the app.
Feel free to fork, submit pull requests, or report issues!
Abhijit Das - sadabhijit2004@gmail.com
Project Link: Click Here