Back to projects
Todoist Firebase

Todoist Firebase

February 14, 2023

Todoist Firebase is Todoist Clone made with React JS and Firebase. This tools will help you to organize your life and works and maintain the tasks you want to performed in upcoming time.

Live Website URL

https://todoist-firebase.vercel.app/

How to setup

  1. Clone the reposetry to your system.
  git clone https://github.com/sahilverma-dev/todoist-firebase
  1. Change the directory to the todoist-firebase.
  cd todoist-firebase
  1. Install all the packages.
  npm i # or yarn install if you're using yarn
  1. Open the VS Code in the this folder.
  code .
  1. Create .env file according to the .env.example file with your Firebase credentials.
  2. Go to the Firebase and create a new project.
  3. Copy and paste the credentials on the .env file.
  4. Enable Firestore and Authentication.
  5. Select Google Authentication on the Authentication services.
  6. Now start the server.
  npm start # or yarn start if you're using yarn

Screenshots

Light Theme

Home

Home

Task

Task

Dark Theme

Home

Home

Task

Task

Features

Responsive Design

Responsive Design

User Authentication

Login

Dark Theme Toggle

Dark Theme Toggle

Task Dragging

Task Dragging

Tech Stack

React JS, Tailwind CSS, Framer Motion, Firebase 9.

Feedback

If you have any feedback, please reach out to us at sahilverma.webdev@gmail.com