This is a full-stack blog project built with React, Node.js, MongoDB, and Firebase for authentication.
This project is a blog platform that allows users to create, edit, and delete blog posts. It is built using the MERN stack (MongoDB, Express, React, Node.js) for the main functionality, and Firebase is integrated for user authentication.
- User authentication with Firebase
- Create, edit, and delete blog posts
- Responsive UI built with React
- MongoDB for storing blog post data
- Express server to handle backend logic
Before you begin, ensure you have the following installed:
-
Clone the repository:
git clone https://github.com/HoManCode/Bloggy.git cd Bloggy
- Firebase Setup
Create a new Firebase project on the Firebase Console.
Obtain your Firebase configuration object (apiKey, authDomain, projectId, etc.) from the Firebase Console.
Create a file named .env in the client directory and add your Firebase configuration:
```bash
REACT_APP_FIREBASE_API_KEY=your-api-key
REACT_APP_FIREBASE_AUTH_DOMAIN=your-auth-domain
REACT_APP_FIREBASE_PROJECT_ID=your-project-id
REACT_APP_FIREBASE_STORAGE_BUCKET=your-storage-bucket
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your-messaging-sender-id
REACT_APP_FIREBASE_APP_ID=your-app-id
- Install MongoDB on your local machine or set up a remote MongoDB instance.
Create a file named .env in the server directory and add your MongoDB connection string:
```bash
MONGODB_URI=your-mongodb-uri
-
start the server
cd back-end npm start -
start the client
cd front-end npm start
Visit http://localhost:3000 in your browser to view the blog project.
Feel free to contribute to this project. Fork the repository, make your changes, and submit a pull request.
This project is licensed under the MIT License.