/chores-list-ts

Primary LanguageTypeScript

CHORES List

This is the first challenge task: create a TODO list using the basics principles from React and TypeScript.

In the CHORES List, you can create new chores, delete new chores, and tag them when they are done. You can see a text telling you how many chores you have on the list and how many were completed.

Course Rocketseat.

What I learned so far

  • Rendering lists with map, filter
  • Components
  • Props
  • Callbacks
  • useState

Pre-requirements

It is required to have Node.js, and npm to run this project.

  • git ( I'm using the version 2.43.0 )
  • Node.js ( I'm using the version v20.11.0 )
  • npm ( I'm using the version 10.2.4 )
  • vite ( I'm using the version 5.1.4)

To check the versions of git, Node.js, and npm installed on your computer, run the command node --version && npm --version in your command-line terminal.

Installation

Clone the project.

Go to the project folder.

Run npm install (or npm i for the short version) to install the dev dependencies.

Run

Run npm run dev open the browser and navigate to the localhost page.

This project was created with ❤️ by Igor Dias.