https://github.com/dineshkumar-mb/mern-authf
user authentication using mern stack [frontend]
https://github.com/dineshkumar-mb/mern-authf
react react-hooks react-router reactjs router-dom
Last synced: about 2 months ago
JSON representation
user authentication using mern stack [frontend]
- Host: GitHub
- URL: https://github.com/dineshkumar-mb/mern-authf
- Owner: dineshkumar-mb
- Created: 2024-07-04T13:27:15.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-23T08:37:20.000Z (almost 2 years ago)
- Last Synced: 2024-08-23T09:48:56.671Z (almost 2 years ago)
- Topics: react, react-hooks, react-router, reactjs, router-dom
- Language: JavaScript
- Homepage: https://heroic-cactus-c569b6.netlify.app/
- Size: 46.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
# Password Reset Application
This project is a full-stack web application for password management, providing functionalities for signing up, logging in, resetting passwords, and more.
## Features
### User Authentication
- **Signup**: Users can register for an account by providing necessary details like username, email, password, mobile number, and avatar.
- **Login**: Registered users can sign in using their email and password.
- **Forgot Password**: Users can request a password reset by providing their email.
- **Reset Password**: Passwords can be reset using a token sent to the user's email.
### User Dashboard
- **User Information**: Once logged in, users can view their user ID, email, etc., on the dashboard.
### Security
- **JWT Authentication**: JSON Web Tokens are used for secure user authentication.
### Miscellaneous
- **Avatar Selection**: Users can select avatars during signup.
- **CORS Enabled**: Cross-Origin Resource Sharing is enabled to allow interactions between frontend and backend on different domains.
- **Protected Routes**: Certain routes are protected and require a valid token for access.
## Tech Stack
### Frontend
- React
- React Router
- Bootstrap
### Backend
- Node.js
- Express.js
- MongoDB
- JWT for Authentication
## Deployment
- Frontend: Deployed on [Netlify]()
- Backend: Deployed on [Render]()
## Installation and Setup
1. Clone the repository
2. Install dependencies using `npm install`
3. Start the frontend and backend servers
4. Open the application in your browser
## Usage
- **Signup**: Access the signup page to create a new account.
- **Login**: Log in with your credentials to access the dashboard.
- **Forgot Password**: Reset your password by providing your email address.
- **Reset Password**: Use the token received in your email to reset your password.
## License
[Insert License Here]
## Contribution
Feel free to contribute to this project by creating a pull request.