It's a React authentication markdown that will help you to understand and grasp all the underlying functionality for setting up authentication on frontend web applications which include:
- Setup routes and create views and components
- Setup react router dom to handle navigation process
- Setup Context store to handle state management
- Caching user data in local storage to keep user logged in
- Setup custom hooks for authentication and middleware
- Setup environment files to controls environment variables
- Consuming restful API and share data between client and the server
- Setup social login components with all it's underlying functionality
feel free to use it as a startup for your next React project
User has the following features provided as Web and API
- Routing
- Email & Password Authentication
- Login, Register, Update Profile
- Forget Password functionality
- Email Verification functionality
- Social Login with google and facebook login
- Protecting some routes against un verified emails
- Protecting some routes against guests
- File Upload
- UI is built with Bootstrap 5
Please be aware that I'm using Laravel to handle all backend functionality you can find the backend repo here AuthStarter
First clone this repository, install the dependencies, and setup your .env file.
git clone https://github.com/samialateya/react-auth
npm install
you are good to go now serve the application in ssl mode to be allowed to use facebook login
npm run start
Thank you for considering contributing to ReactAuthStarter. Feel free to fork this repo and submit a pull request with your updates
Please open an issue on Github if you discover a vulnerability or you face an error with this repo. and feel free to contact me at samialateya@hotmail.com