Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/apigeoneer/mern-stack-blog-app
- Owner: apigeoneer
- Created: 2024-07-27T20:58:07.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-07-28T10:46:58.000Z (3 months ago)
- Last Synced: 2024-10-12T16:42:22.130Z (26 days ago)
- Topics: 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
- Language: JavaScript
- Homepage:
- Size: 2.45 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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! 💻
---