/BlogScope

This is a MERN stack website

Primary LanguageJavaScript

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:- image

If you like it please give a 🌟