Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/trulymittal/react-firebase-auth
Firebase authentication v9 (new API) with Reactjs and ChakraUI template with Dark Mode
https://github.com/trulymittal/react-firebase-auth
Last synced: 7 days ago
JSON representation
Firebase authentication v9 (new API) with Reactjs and ChakraUI template with Dark Mode
- Host: GitHub
- URL: https://github.com/trulymittal/react-firebase-auth
- Owner: trulymittal
- Created: 2021-09-24T15:10:51.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2021-09-28T09:38:13.000Z (about 3 years ago)
- Last Synced: 2023-03-03T08:00:25.017Z (over 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 822 KB
- Stars: 53
- Watchers: 3
- Forks: 33
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Authentication using Firebase (new API v9)
Reactjs authentication using firebase auth (using the new v9 API). The benefit of using this new API is that the final bundle size is much smaller compared to the previous - which in turn makes your React site efficient and load much faster.
## Why this?
You can use this template as a starting point for any application that needs authentication.
The template is based on [ChakraUI](https://chakra-ui.com/) (incl. **Dark Mode**), though you can use any UI library you like but you need to do the relevant changes and keep the code related to firebase authentication - **the logic remains the same in any UI**.
## Available Scripts
In the project directory, you can run:
### `npm start`
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser._**Note**: Before running `npm start` do place the relevant environment variables in the `.env.local` file for firebase configuration._
## Learn More
You can learn more about this project on our [Youtube channel yoursTruly](https://youtube.com/c/yourstruly267).
## Author
[Truly Mittal](https://trulymittal.com)