Skip to content

Login/ Sign-up App with full authentication and verification system.

Notifications You must be signed in to change notification settings

baekusboo/my-first-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

Login/ Sign-up App with full authentication and verification system.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published