Skip to content

Latest commit

 

History

History
118 lines (58 loc) · 3.21 KB

README.md

File metadata and controls

118 lines (58 loc) · 3.21 KB

Title : Blog Application Using MERN STACK

Objective :

In this MERN STACK Blog Application, a user logins to the application and can add, edit and delete his own blogs. The user is provided with a "Read Only" facility with other user blogs so that the Security of the application is enhanced. This application also provides a Search feature for All the Blogs.

Tools :

Visual Studio Code

Tech Stack :

MongoDB, ReactJS, ExpressJs, NodeJS, MaterialUI, Redux

Steps to execute the project :

  1. Install the latest version of NodeJS and Visual Studio Code.
  2. Create a folder named Backend and Install the following dependencies using Terminal
  • npm i nodemon
  • npm i express
  • npm i mongoose
  • npm i bcryptjs
  • npm i cors
  1. Create a React app in a folder named Frontend using command npx create-react-app frontend and Install the following dependencies using Terminal
  • npm install @mui/material @emotion/react @emotion/styled
  • npm i react-router-dom
  • npm i react-redux @reduxjs/toolkit
  • npm install axios
  • npm i @mui/icons-material
  • npm i @mui/styles
  1. Start a new terminal, go to directory backend and type "npm start".
  2. Similarly, Start another new terminal, go to directory frontend and type "npm start".
  3. Then we will be redirected the to Local host and we can find the Blog Application over there.

Screenshots

SignUp Page

2023-01-27 (21)

Login Page

2023-01-27 (22)

All Blogs

2023-01-27 (23)

Add Blog

2023-01-27 (24)

My Blogs

2023-01-27 (25)

Search over the Blogs

2023-02-11 (2)

Editing the blog

2023-01-27 (26) 2023-01-27 (27) 2023-01-27 (28)

Deleting the blog

2023-01-27 (29)

Testing Authentication

2023-01-27 (26)

2023-01-27 (27)

2023-01-27 (28)