Skip to content

Latest commit

 

History

History
54 lines (30 loc) · 2.92 KB

README.md

File metadata and controls

54 lines (30 loc) · 2.92 KB

Sign up, Login, Profile page app - MERN stack project

This project is made using React js, node js, express and mongo db. The frontend files are inside src folder. The backend files are inside signupbackend folder.

To run this project successfully, follow these steps:-

  1. Create a '.env' file inside 'signupbackend' folder with the following variables below:

DATABASE_ACCESS = "mongodb+srv://:@cluster0.ywtddvn.mongodb.net/?retryWrites=true&w=majority" JWT_SECRET = 'dghafvjdusmyhgsdhbgfiudykhg'

  1. The DATABASE_ACCESS should contain the link to your mongodb credentials(username / password) and table name. The JWT_SECRET has some random secret for the authentication purposes.
  2. Save the files.
  3. Run the backend server with 'npm start' command from signupbackend folder.
  4. Run the frontend server with 'npm start' command from the project folder.
  5. The project runs on http://localhost:3000/ in your browser.

Project Screenshots:

Database_collection_1

home_page

login_page_1

login_page_2

login_page_IncorrectLogin

signup_page_1

signup_page_2

signup_page_Registered

login_page_CorrectLogin

dashboard_page

profile_page_1

profile_page_2

profile_page_3_UpdateSuccessful

profile_page_4_UpdateSuccessful

Database_view_1

Database_view_2