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)
what I have Done :-
- added user login functionality.
- added user register functionality and stored registered user data in mongodb.
- implemented login and logout state through react hooks like useReducer, context API (useContext, createContext);
- used localstorage to store the token and user information.
- Done Api integration.
- used bcrypt for password hashing.
- used JWT for generating token.
- created verifiyToken middleware function.
- used mongoose for writing queries and creating connection between express and mongoDB.
- hosted backend on render.
- hosted frontend on netlify.
Login page >>
SignUp page >>
view inside the application >>
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.