Todo App

Features • Installation • Usage • Environment Variables

A Todo App with firebase + redux/toolkit, it includes simple crud operations and authentication.

Features

• 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

Installation

# Clone this repository
$ git clone git@github.com:florescente/Todo.git

# Go into the repository
$ cd Todo

# Install dependencies
$ npm install

# Run the app
$ npm run dev

Usage

1. Create a Firebase Free Account
2. Set a Firebase Project
3. Use Firestore Database
4. Use Authentification
5. Get Firebase Config Info
6. Set the environment variables
7. run

npm run dev

Environment Variables

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

Bug

• Directly acessing(or reloading) the signin or signup page gives an 404 error
  • The error does not occur in development

Meta

Created By Florescente: github.com/florescente