franciscoG98 / Todo-App-Typescript

Todo App with react and typescript

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

TODO APP con Typescript

Esta es una simple app de todo con las funcionalidades de crear un todo, editarlo, removerlo, eliminar todos los completarlos, y filtrarlos por completados, sin completar o mostrar todos. Esta aplicacion fue creada con vite, react y typescript.

Correr el proyecto

pnpm install
pnpm run dev

Objetivos del proyecto

  • Inicializar proyecto con vite
  • Añadir linter para Typescript + React
  • Añadir estilos del TodoMVC
  • Listar todos los TODOs
  • Poder borrar un TODO
  • Marcar todo como completado
  • Añadir forma de filtrar TODOs (Footer)
  • Mostrar número de TODOs pendientes (Footer)
  • Añadir forma de borrar todos los TODOs completados
  • Crear Header con input (Header)
  • Crear un TODO (Header)
  • [] Poder editar el texto de un TODO (Dpble click)
  • [] Añadir animaciones con AutoAnimate
  • [] Pasar a reducer
  • [] Sincronizar con el backend

About

Todo App with react and typescript


Languages

Language:TypeScript 91.0%Language:JavaScript 5.2%Language:HTML 3.9%