Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/raihan2bd/blog-post-mern


https://github.com/raihan2bd/blog-post-mern

Last synced: about 6 hours ago
JSON representation

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

### Key Features

- 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.

(back to top)

## πŸš€ Live Demo

![Capture](https://user-images.githubusercontent.com/35267447/269034821-66e51500-e8c4-40c3-b58b-3652cabd6eb1.PNG)

![Capture2](https://user-images.githubusercontent.com/35267447/269034722-77961d65-c246-405f-a06e-37b097a35154.PNG)

![Capture3](https://github-production-user-asset-6210df.s3.amazonaws.com/35267447/269034795-af810ed3-927b-4603-ac07-7f1e9e168d9c.PNG)

![Capture4](https://github-production-user-asset-6210df.s3.amazonaws.com/35267447/269034808-34513bd8-e43c-44b9-a58d-f9c16cade6ea.PNG)

(back to top)

## πŸ’» Getting Started

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
```

## πŸ‘₯ Author

πŸ‘€ **Abu Raihan**

- GitHub: [@raihan2bd](https://github.com/raihan2bd)
- Twitter: [@raihan2bd](https://twitter.com/raihan2bd)
- LinkedIn: [raihan2bd](https://linkedin.com/in/raihan2bd)

(back to top)

## πŸ”­ Future Features

- [ ] **Improve user experience**

(back to top)

## 🀝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/raihan2bd/blog-post-mern/issues).

(back to top)

## ⭐️ Show your support

If you like this project, please leave a ⭐️

(back to top)

## πŸ™ Acknowledgments

We want to give a big thanks to Microverse for giving us the chance to achieve this milestone

(back to top)

## πŸ“ License

This project is [MIT](./LICENSE) licensed.

(back to top)