English

## Create a TodoMVC with TypeScript

• Initialize project with Vite
• Add linter for TypeScript + React
• Add TodoMVC styles
• List all TODOs
• Be able to delete an TODO
• Mark TODO as completed
• Add way to filter TODOs (Footer)
• Show number of pending TODOs (Footer)
• Add way to delete all completed TODOs
• Create Header with input (Header)
• Create a TODO (Header)

## Initialize project

$ npm create vite@latest TypeScript + SWC

Add linter for TypeScript + React

$ npx eslint --init
You can also run this command directly using 'npm init @eslint/config'.
✔ How would you like to use ESLint? · style
✔ What type of modules does your project use? · esm
✔ Which framework does your project use? · react
✔ Does your project use TypeScript? · No / Yes
✔ Where does your code run? · browser
✔ How would you like to define a style for your project? · guide
✔ Which style guide do you want to follow? · standard-with-typescript
✔ What format do you want your config file to be in? · JSON