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

Primary LanguageJavaScriptMIT LicenseMIT

Mern-Stack Blog Post

πŸ“— Table of Contents

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

Capture2

Capture3

Capture4

(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 Version installed.
  • Then make sure you have installed MongoDB on your local machine or an account on the MongoDB cloud.
  • Then make sure you have an account on Cloudinary to upload and serve files

Setup

  • Then you need to clone the project on your local machine⬇️
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 ⬇️
npm install

Usage

To run the development server, execute the following command:

npm run dev

πŸ‘₯ Author

πŸ‘€ Abu Raihan

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

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

(back to top)