Welcome to the Blog Application! This full-stack MERN application allows users to create, view, edit, and delete blog posts. Featuring modern design and easy-to-use navigation, it’s a complete platform for sharing thoughts and ideas.
- User Authentication: Sign up, log in, and secure access for users.
- CRUD Operations: Create, read, update, and delete blog posts effortlessly.
- Rich Text Editor: Write blog posts with styled text, images, and links.
- Responsive Design: Optimized for desktop and mobile views.
- Dashboard: Manage posts, view analytics, and customize settings.
- Frontend: React, Redux, Tailwind CSS
- Backend: Node.js, Express.js, MongoDB
- Authentication: JSON Web Tokens (JWT)
- Database: MongoDB with Mongoose
- Deployment: Vercel (backend), Netlify (frontend)
- Node.js
- MongoDB (local or cloud, e.g., MongoDB Atlas)
-
Clone the repository:
git clone https://github.com/MohamedBoghdaddy/Blog.git cd Blog -
Install dependencies for backend:
cd server npm install -
Install dependencies for frontend:
cd ../client npm install -
Create environment variables:
- In the
serverdirectory, create a.envfile and add:MONGODB_URI=your_mongodb_connection_string JWT_SECRET=your_jwt_secret
- In the
-
Start the backend server:
cd server npm start -
Start the frontend:
cd client npm start -
Open http://localhost:3000 in your browser to view the app.
Blog/
├── client/ # React frontend
├── server/ # Node.js backend
└── README.md # Project documentation
This project is licensed under the MIT License.