Skip to content

In this MERN STACK Blog Application, a user logins to the application and he can add, edit and delete his blogs. The user can also view all the blogs in the Application.

Notifications You must be signed in to change notification settings

SanthoshiBoyina/BlogApplication

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

99 Commits
 
 
 
 
 
 

Repository files navigation

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)

About

In this MERN STACK Blog Application, a user logins to the application and he can add, edit and delete his blogs. The user can also view all the blogs in the Application.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published