This project is a full-stack blog website that allows users to create, edit, and delete posts. The project features user authentication and verification, built using modern web development technologies including HTML, CSS, JavaScript, React.js, Node.js, Express.js, and MongoDB.
- User authentication and verification
- Create, edit, and delete blog posts
- Responsive design
- RESTful API
- Frontend:
- HTML
- CSS
- JavaScript
- React.js
- Backend:
- Node.js
- Express.js
- Database:
- MongoDB
- Authentication:
- JWT (JSON Web Tokens)
- Node.js (v14 or higher)
- npm (v6 or higher)
- MongoDB (local or Atlas)
-
Clone the repository:
git clone https://github.com/yourusername/blog-website.git cd blog-website/backend
-
Install dependencies:
npm install
-
Create a
.env
file in thebackend
directory and add your MongoDB URI and JWT secret:MONGO_URI=your_mongodb_uri JWT_SECRET=your_jwt_secret
-
Start the backend server:
npm start
-
Navigate to the frontend directory:
cd ../client/my-app
-
Install dependencies:
npm install
-
Start the React development server:
npm start
blog-website/
├── backend/
│ ├── controllers/
│ ├── models/
│ ├── routes/
│ ├── middlewares/
│ ├── .env
│ ├── server.js
│ └── package.json
└── frontend/
├── public/
├── src/
│ ├── components/
│ ├── pages/
│ ├── services/
│ ├── App.js
│ └── index.js
├── .env
└── package.json