Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/khushi2706/blog-app-using-mern-stack

Blog App build with MERN stack
https://github.com/khushi2706/blog-app-using-mern-stack

blog full-stack hacktoberfest hacktoberfest-accepted hacktoberfest2022 html-css-javascript javascript javascript-project mern mern-stack mern-stack-development mern-stack-project nodejs nodejs-projects reactjs reactjs-project

Last synced: 4 days ago
JSON representation

Blog App build with MERN stack

Host: GitHub
URL: https://github.com/khushi2706/blog-app-using-mern-stack
Owner: khushi2706
Created: 2022-05-28T13:15:42.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2024-06-06T07:32:53.000Z (7 months ago)
Last Synced: 2024-12-10T14:51:55.793Z (12 days ago)
Topics: blog, full-stack, hacktoberfest, hacktoberfest-accepted, hacktoberfest2022, html-css-javascript, javascript, javascript-project, mern, mern-stack, mern-stack-development, mern-stack-project, nodejs, nodejs-projects, reactjs, reactjs-project
Language: JavaScript
Homepage: https://blog-app-using-mern-stack-beta.vercel.app
Size: 717 KB
Stars: 84
Watchers: 1
Forks: 143
Open Issues: 17
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Blog App using MERN Stack

Welcome to the Blog App repository! This application is built using the MERN (MongoDB, Express, React, Node.js) stack and comes with various functionalities to manage and share your blogs.

also visit [E-commerce_website-using-React-Redux](https://github.com/khushi2706/E-commerce-website-using-React-Redux)

## Functionalities

- **Authentication:** Secure user authentication system to protect your blogs.
- **Create Blog:** Easily create and publish your blogs with a user-friendly interface.
- **Delete Blog:** Remove unwanted blogs with a simple delete option.
- **Update Blog:** Edit and update your blogs as your content evolves.
- **View Other User Blogs:** Explore and read blogs published by other users.

## Screenshots

![Screenshot 1](https://user-images.githubusercontent.com/67452985/172217325-4378400e-60a0-4364-aadb-89e900886a1c.png)

![Screenshot 2](https://user-images.githubusercontent.com/67452985/172217368-76264e6e-8373-484d-9cd0-3af5920754b1.png)

![Screenshot 3](https://user-images.githubusercontent.com/67452985/172217649-238abde0-1b29-40fe-a46e-1b5bb03678c8.png)

## Getting Started

To get started with this project, follow these steps:

1. Fork this repository

1. Clone this repository to your local machine:

```bash
git clone https://github.com/your-username/Blog-App-using-MERN-stack.git
```

2. Install the required dependencies for both the backend and frontend:

```bash
cd Blog-App-using-MERN-stack
cd server && npm install
cd ../client && npm install
```

3. Configure the database connection in the backend. You can use MongoDB Atlas or a local MongoDB server.

4. Start the backend server:

```bash
cd server && npm start
```

5. Start the frontend application:

```bash
cd client && npm start
```

6. Access the application in your web browser at [http://localhost:3000](http://localhost:3000).

## Contributing

We welcome contributions from the community. If you'd like to contribute to this project, please feel free to open an issue or Make a PR.

## Acknowledgments

We would like to thank all contributors and the open-source community for their support.

---

Feel free to explore the codebase and start creating and sharing your blogs with the world! If you have any questions or need assistance, please don't hesitate to reach out.

Happy blogging!