Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/raihan2bd/blog-post-mern
A MERN stack blog post web application that empowers users to create and manage their own blog posts. This dynamic platform offers a range of features designed to enhance the user experience, including account creation, post management, interaction through likes and comments, profile customization, and much more.
https://github.com/raihan2bd/blog-post-mern
cloudinary css expressjs html javascript mongodb mongoose nodejs react redux responsive-design
Last synced: 1 day ago
JSON representation
A MERN stack blog post web application that empowers users to create and manage their own blog posts. This dynamic platform offers a range of features designed to enhance the user experience, including account creation, post management, interaction through likes and comments, profile customization, and much more.
- Host: GitHub
- URL: https://github.com/raihan2bd/blog-post-mern
- Owner: raihan2bd
- License: mit
- Created: 2023-09-06T13:10:05.000Z (over 1 year ago)
- Default Branch: dev
- Last Pushed: 2023-09-19T16:56:52.000Z (over 1 year ago)
- Last Synced: 2024-11-15T05:49:24.976Z (2 months ago)
- Topics: cloudinary, css, expressjs, html, javascript, mongodb, mongoose, nodejs, react, redux, responsive-design
- Language: JavaScript
- Homepage:
- Size: 820 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Mern-Stack Blog Post
# 📗 Table of Contents
- [📗 Table of Contents](#-table-of-contents)
- [ Blog Post Mern ](#-My-Blog-App-)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [Deployment](#deployment)
- [👥 Author ](#-author-)
- [🔭 Future Features ](#-future-features-)
- [🤝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [🙏 Acknowledgments ](#-acknowledgments-)
- [📝 License ](#-license-)
# Blog Post Mern
The Blog Post MERN (MongoDB, Express.js, React.js, Node.js) is a full-stack web application that empowers users to create and manage their own blog posts. This dynamic platform offers a range of features designed to enhance the user experience, including account creation, post management, interaction through likes and comments, profile customization, and much more. `The project was built using Node.js version 16.16.0. It's important to use this specific version to ensure compatibility and optimal performance.`
## 🛠 Built With
### Tech Stack
Front End
- React
- Redux
- JavaScript
- Html
- CSS
Back End
- Nodejs
- MongoDB
- Expressjs
- JWT Authentication
- Users can easily create their accounts, providing a personalized and secure environment.
- Users have the ability to create, edit, and delete their blog posts, making it a versatile platform for content creation.
- Enhance user interaction with features like post liking, commenting, and replying to comments, fostering a sense of community.
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
- Then Make sure you have installed [NodeJs- 16.16.0](https://nodejs.org) Version installed.
- Then make sure you have installed [MongoDB](https//:mongodb.com) on your local machine or an account on the MongoDB cloud.
- Then make sure you have an account on [Cloudinary](https://cloudinary.com/) to upload and serve files
### Setup
- Then you need to clone the project on your local machine⬇️
``` bash
git clone https://github.com/raihan2bd/blog-post-mern.git
```
- After that you need to create a `.env` file on the project root and then add environment variables For Example ⬇️
```
CLOUDINARY_CLOUD_NAME=your cloudinary cloud name
CLOUDINARY_API_KEY=your cloudinary api key.
CLOUDINARY_API_SECRET=your cloudinary secret key
MongoDBURI=your MongoDB URI
JWT_SECRET=your Jwt Secret key.
```
### Install
- To install all the npm packages navigate to the folder address on your terminal and enter the below command ⬇️
``` bash
npm install
```
### Usage
To run the development server, execute the following command:
```sh
npm run dev
```
👤 **Abu Raihan**
- GitHub: [@raihan2bd](https://github.com/raihan2bd)
- Twitter: [@raihan2bd](https://twitter.com/raihan2bd)
- LinkedIn: [raihan2bd](https://linkedin.com/in/raihan2bd)
- [ ] **Improve user experience**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/raihan2bd/blog-post-mern/issues).
If you like this project, please leave a ⭐️
We want to give a big thanks to Microverse for giving us the chance to achieve this milestone
This project is [MIT](./LICENSE) licensed.