https://github.com/bchavs12/rocket-todo

Todo list in ReactJS
https://github.com/bchavs12/rocket-todo

figma-design html-css-javascript imutability reactjs state-management tailwindcss usestate-hook

Last synced: 7 months ago
JSON representation

Todo list in ReactJS

• Host: GitHub
• URL: https://github.com/bchavs12/rocket-todo
• Owner: bchavs12
• Created: 2024-05-12T06:20:21.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-22T13:19:40.000Z (over 1 year ago)
• Last Synced: 2024-05-22T14:38:54.504Z (over 1 year ago)
• Topics: figma-design, html-css-javascript, imutability, reactjs, state-management, tailwindcss, usestate-hook
• Language: TypeScript
• Homepage:
• Size: 171 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# React + TypeScript + Vite

This template provides a minimal setup to get the project working in your environment

## How to make it works

  ### Get the repository's url

    > Use git to clone the GitHub repository:

       git clone https://github.com/bchavs12/rocket-todo.git

  ### Get the project installed

    > Use NPM to install the project after cloned it

       npm install || npm -i

  ### Get the project started

    > Use NPM to start the project after installed it

       npm run dev

## Project interface and functionalities



## Functionalities

  ### Add todos

    - Input text need to have more then 5 words or number to be add to the list

  ### ToggleCheckedTodo

    - Check your tasks when you have completed them

  ### Delete Todos

    - Delete your tasks when you have completed them.

    - Delete your tasks when you don't needed them anymore.

  

  ### Task counter

    - Keep track of how many tasks you have on your to-do list

  ### Completed task counter

    - Keep track of how many tasks had you completed.