Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/apigeoneer/mern-stack-blog-app

This is a beginner-level MERN-stack blog
https://github.com/apigeoneer/mern-stack-blog-app

blog-application content-management-system express fullstack javascript markdown-editor mern-stack mongodb nodejs open-source react responsive-design restful-api user-authentication web-development

Last synced: 26 days ago
JSON representation

This is a beginner-level MERN-stack blog

Awesome Lists containing this project

README

        

# MERN Stack Blog

Welcome to our Blog App repository! This full-stack application leverages the power of MongoDB, Express, React, and Node.js (MERN) to provide a robust platform for creating & managing blog posts. With a user-friendly interface and a range of features, this app offers an excellent foundation for bloggers and developers alike.

![blog_demo](https://github.com/user-attachments/assets/752901ef-d84b-41f7-bbe6-05be293ecb30)

## Techstack

- **MongoDB**: For storing your blog posts.
- **Express**: The backend framework that handles the heavy lifting.
- **React**: The frontend library for a seamless user experience.
- **Node.js**: The runtime environment that ties it all together.

## Features

- User authentication (Login, Register, Profile)
- Create, read, and update posts
- Rich text editor for post-content

## Getting Started

To get started with this project, follow these steps:

1. Fork this repository

2. Clone this repository to your local machine:

```
git clone https://github.com/your-username/MERN-Stack-Blog-App.git
```

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

```
cd MERN-Stack-Blog-App
cd api && npm install
cd ../client && npm install
```

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

5. Start the backend server:

```
cd api && npm start
```

6. Start the frontend application:

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

7. Access the application in your web browser at http://localhost:3000.

## Contributing

Your contributions are valued and encouraged! If you have ideas for improvements or encounter any issues, please open an issue. Pull requests are welcome.

Happy coding! 💻

---