Skip to content

Latest commit

 

History

History
39 lines (29 loc) · 2.66 KB

README.md

File metadata and controls

39 lines (29 loc) · 2.66 KB
Raw

MERN_Authentication

User Authentication App using ReactJS, JavaScript for frontend and for backend NodeJS, ExpressJS, MongoDB, MongoDB Atlas, Mongoose, JWT (Json Web Token), bcrypt (for password hashing) Postman (for Api testing). It is hosted live on the internet.

Live URL: https://mern-stack-user-auth.netlify.app
backend Products Api link: https://mern-auth-backend-962m.onrender.com/api/friends (we need to pass the Bearer Token in headers)

backend-apis

what I have Done :-

  1. added user login functionality.
  2. added user register functionality and stored registered user data in mongodb.
  3. implemented login and logout state through react hooks like useReducer, context API (useContext, createContext);
  4. used localstorage to store the token and user information.
  5. Done Api integration.
  6. used bcrypt for password hashing.
  7. used JWT for generating token.
  8. created verifiyToken middleware function.
  9. used mongoose for writing queries and creating connection between express and mongoDB.
  10. hosted backend on render.
  11. hosted frontend on netlify.

Login page >>
login-view

SignUp page >> signup-view

view inside the application >> product-skeleton

Note :- only authenticated user can access the protected routes, so first you have to register yourself and login with the registered email and password. then you can perform the activities ( like delete , create) inside the application.