This is a basic react login application built on MERN stack. Easy to integrate and play.
Frontend | Backend |
---|---|
React | Node |
Mui | Express |
MongoDB |
- Make sure you have Node, Npm, MongoDB in your system.
- Clone or download the React-Login-App.
- Go to cloned/downloaded folder using terminal/cmd.
$ npm install
- Once it is completed, run
$ npm run client-install
- Go to config folder and change the mongoURI.
- It should be in the format mongodb:https://username:password@host:port/database
- Create the mongoDB collection name called "users" inside your database.
$ npm run dev
- Navigate to https://localhost:3000/ The app will automatically reload if you change any of the source files.
- Play with the application.
- Register module is used to register the new user.
- Once the user is registered, user can login to the application.
- When the user logs in to the app, JWT-Token will be created. You can use the Token to make enhancement to this app.(i.e. Route to new page, show logout button and more).