_Built using React JS, Redux, Firebase, Styled-Components & Styled-System _.
Welcome to my authentication project powered by Firebase! ๐
The Firebase Authentication project offers a convenient authentication system using React, Redux, and Firebase. Users can log in through two methods: via email and password or by quick authentication using a Google account. Additionally, the project provides functionality for users to edit their profile data, allowing them to modify their name, gender, subscription and avatar.
react
react-router-dom
redux
redux-persist
firebase
firebase-tools
formik
styled-components
styled-system
react-icons
react-loader-spinner
react-modal
react-toastify
yup
-
this repo
-
Install all the dependencies
npm i
-
Setup Firebase
-
Create Firebase account
-
Create a new project
-
Create a new firestore db
-
Create a web app for that
-
Copy your config from there
- Select config option
- Paste config keys inside src/fBase/fBase.js file
-
Setup authentication by Google and Email
-
-
Replace values in .env!! Exemple of
.env
file.
REACT_APP_API_KEY = FIREBASE API KEY;
- Login by Google account
- Login by Email account
- User data editor
- Logout
Contributions are welcome! If you have any suggestions or improvements, please create a pull request. For major changes, please open an issue first to discuss the changes.
NOTE: PLEASE LET ME KNOW IF YOU DISCOVERED ANY BUG OR YOU HAVE ANY SUGGESTIONS