To-do using React and Typescript

About   |    Requirements   |    How to run   |    Techs used

About

• Layout and style based on this Figma
• In this project I exercised some React and JS/TS concepts:
  • Passing props to components (using Typescript)
  • State (useState)
  • Side effects (useEffect)
  • Iterating in JSX (using unique keys such as uuid)
  • Arrays (sort, reduce, map)
  • Storing and fetching data from localStorage

Requirements

• Node.js LTS
• npm or yarn
• git

How to run

1. Clone the repo

   # Cloning with HTTPS
   git clone https://github.com/gusgalote/todo-react-ts.git
   
   # Enter the working dir
   cd todo-react-ts

2. Install dependencies

   yarn
   

3. Run dev script

   yarn dev
   

4. That's it! ✅ Dev server running by default @ http://localhost:5173/

Made using

• Yarn 1.x
• Vite
• React
• Typescript
• Icons by phosphos-icons