You can see in action here.
- Sign In
- Sign Up
- Sign Out
- Password Forget
- Verification Email
- Protected Routes with Authorization
- Social Logins with Google
- Auth Persistence with Local Storage
- Database with Users and Task list
- Create New Task
- Task based on category
- Add title, task category, task details,task status,and task due date
- Update task status
- Edit selected task
- Delete task
- ReactJS
- Hooks,
- Suspance,
- Styled-component,
- Fromik,
- Yup,
- Redux,
- Redux-saga,
- Firebase,
This project was bootstrapped with Create React App.
-
copy/paste your configuration from your Firebase project's dashboard into
- replace new.env with .env in root and add the firebase configuration
Enable Authentication > Sign-in method > then enable for the email and google Sign-in method
- Email/Password
{
"rules": {
".read": false,
".write": false,
"users": {
"$uid": {
".read": "$uid === auth.uid || root.child('users/'+auth.uid).child('roles').hasChildren(['ADMIN'])",
".write": "$uid === auth.uid || root.child('users/'+auth.uid).child('roles').hasChildren(['ADMIN'])"
},
".read": "root.child('users/'+auth.uid).child('roles').hasChildren(['ADMIN'])",
".write": "root.child('users/'+auth.uid).child('roles').hasChildren(['ADMIN'])"
},
"task": {
".read": true,
".write": true,
},
}
}
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
Launches the test runner in the interactive watch mode.
Builds the app for production to the build
folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
Note: this is a one-way operation. Once you eject
, you can’t go back!