Features โข Installation โข Usage โข Environment Variables
A Todo App
with firebase + redux/toolkit, it includes simple crud operations and authentication.
- Create, Read, Update and Delete Tasks
- Authentification with firebase
- Authorization with react-router-dom
- Global State Manager with redux-toolkit
- Form Validation with yup and react-hook-form
- Internationalization with react-i18next
- Beautiful UI with react-bootstrap
- Beautiful Animations with react-spring
- Unit tests with vitest
# Clone this repository
$ git clone [email protected]:florescente/Todo.git
# Go into the repository
$ cd Todo
# Install dependencies
$ npm install
# Run the app
$ npm run dev
- Create a Firebase Free Account
- Set a Firebase Project
- Use Firestore Database
- Use Authentification
- Get Firebase Config Info
- Set the environment variables
- run
npm run dev
VITE_FIREBASE_API_KEY
VITE_FIREBASE_AUTH_DOMAIN
VITE_FIREBASE_PROJECT_ID
VITE_FIREBASE_STORAGE_BUCKET
VITE_FIREBASE_MESSANGER_SENDER_ID
VITE_FIREBASE_APP_ID
VITE_FIREBASE_MEASUREMENT_ID
- Directly acessing(or reloading) the signin or signup page gives an 404 error
- The error does not occur in development
Created By Florescente: github.com/florescente