rajbir21-droid / BlogScope

This is a MERN stack website

BlogScope

Introduction

A blog website made using React.js as frontend
Express.js as the backend and MongoDb as the database.

Third-Party Libraries Required :

For backend:
   "bcrypt": "^5.0.1",
    "cors": "^2.8.5",
    "dotenv": "^10.0.0",
    "express": "^4.17.1",
    "mongoose": "^5.12.13",
    "multer": "^1.4.2",
    "nodemon": "^2.0.7"

For Front-End:
  "axios": "^0.21.1",
  "bootstrap": "^5.0.2",
  "react": "^17.0.2",
  "react-dom": "^17.0.2",
  "react-router-dom": "^5.2.0",
  "react-scripts": "4.0.3",
  "web-vitals": "^1.1.2"

Clone this repo :

git clone https://github.com/rajbir21-droid/BlogScope.git

How to install the above Library :

• Change to the directory using -

• For the back-end:-

  cd server
  npm install
  

• For the front-end:-

  cd front-end
  npm install
  

How to use it:

• Run this command to start the project.

• For the back-end:

  cd server
  npm start
  

• For the front-end:

  cd front-end
  npm start
  

How to setup the mongodb:

• First create a '.env' file the create a key like 'MONGO_URI=' and paste the below command. Make sure you first create an account in Mongodb atlas

mongodb+srv://yourusername:<password>@cluster0.m9l4p.mongodb.net/myFirstDatabase?retryWrites=true&w=majority

• Use your username and password and database name here you created in MongoDB atlas

Output:

Input Image

• First you have to register to write a blog if you are already registered:-
• The home page:-

If you like it please give a 🌟