🌐 Blog Website Using MERN

Welcome to the Blog Website Using MERN repository! This project is a full-stack blogging platform built with the MERN stack (MongoDB, Express.js, React.js, and Node.js). Whether you want to read blogs, create your own, or explore trending content, this platform provides a seamless experience.

✨ Features

• 🖋️ Create, Edit, and Delete Blogs: Write about your favorite topics and manage them effortlessly.
• 🔍 Explore Blogs: Browse blogs from other users.
• 🔐 Authentication: Secure login and signup system using JWT.
• 🎨 Responsive Design: Optimized for all screen sizes.
• ⚡ Fast and Scalable: Built with modern technologies for performance and scalability.

---

🚀 Demo

Check out the live demo of the project: Demo Link

---

🛠️ Technologies Used

Frontend:

• React.js: For building the user interface.
• React Router: For handling routing in the app.
• CSS/Tailwind: For styling.

Backend:

• Node.js: For creating the server-side application.
• Express.js: For building RESTful APIs.

Database:

• MongoDB: For storing user and blog data.

---

🔧 Installation and Setup

Follow these steps to set up the project locally:

Prerequisites

• Node.js (v16+ recommended)
• MongoDB (Local/Cloud)
• Git

Clone the Repository

git clone https://github.com/nd5a/Blog-Website-Using-MERN.git
cd Blog-Website-Using-MERN

Backend Setup

1. Navigate to the backend directory:

   cd backend

2. Install dependencies:

   npm install

3. Create a .env file and add the following variables:

   MONGO_URI=<your-mongodb-connection-string>
   JWT_SECRET=<your-secret-key>
   PORT=5000

4. Start the backend server:

   npm start

Frontend Setup

1. Navigate to the frontend directory:

   cd ../frontend

2. Install dependencies:

   npm install

3. Start the frontend development server:

   npm start

Access the App

• Open your browser and visit: http://localhost:3000
• Backend will run on: http://localhost:5000

---

📂 Project Structure

Blog-Website-Using-MERN/
│
├── api(backend)/         # Backend API code
│   ├── models/      # Mongoose models
│   ├── routes/      # API routes
│   └── server.js    # Main server file
│
├── client(frontend)/        # Frontend React code
│   ├── src/
│   │   ├── components/  # React components
│   │   ├── pages/       # React pages
│   │   └── App.js       # Main app file
│
└── README.md        # Documentation

---

🤝 Contribution

We welcome contributions to enhance this project! Here's how you can help:

1. Fork this repository.
2. Create a new branch:

   git checkout -b feature-name

3. Commit your changes:

   git commit -m "Add some feature"

4. Push to the branch:

   git push origin feature-name

5. Open a Pull Request.

---

🌟 Show Your Support

If you like this project, please give it a star ⭐ on GitHub to show your support!

---

🛠️ Future Enhancements

• Adding like and comment functionality for blogs.
• Adding user profile pages.
• Implementing categories and tags for blogs.
• Adding a dark mode feature.

---

📞 Contact

Feel free to reach out if you have any questions or suggestions:

• Email: [email protected]
• GitHub Issues: Open an issue

---

Enjoy building and exploring! 😊