WepApp that allows you to add, delete and mark todos as done. It is built with TypeScript and React.

• TypeScript 🟦
• React ⚛️
• Node.js 🟩
• EsLint ✍️

• Add a new todo 🆕
• Delete a todo ❌
• Mark a todo as done ✅
• Filter todos by status 🤩

• App.tsc - Main component
• Todos.tsx - List of todos
• Todo.tsx - Todo component
• CreateTodo.tsx - Form to create a new todo
• FilterTodos.tsx - Filter todos by status

• Todo - Interface for a todo
• FilterValue - typeof TODO_FILTER

• TODO_FILTER - as Const in order to not mutate the code
• FILTER_BUTTONS - Array of FilterValue

1. Clone the repository
2. Run npm install
3. Run npm run dev

1. Run npm run build

• GitHub
• Portfolio
• LinkedIn