Skip to content

Latest commit

 

History

History
79 lines (51 loc) · 2.55 KB

README.md

File metadata and controls

79 lines (51 loc) · 2.55 KB

TODO Tasks React App package

Requirements

  • Inicializar proyecto con Vite
  • Agregar linter para TypeScript + React
  • Agregar estilos del TodoMVC
  • Listar todos los TODOs
  • Poder borrar un TODO
  • Marcar TODO como completado
  • Agregar forma de filtrar TODOs (Footer)
  • Mostrar número de TODOs pendientes (Footer)
  • Agregar forma de borrar todos los TODOs completados
  • Crear Header con input (Header)
  • Crear un TODO (Header)
  • Poder editar el texto de un TODO (doble click)
  • Agregar animaciones con AutoAnimate
  • Pasar a reducer
  • Sincronizar con el backend

This project was bootstrapped with Create Vite Project configured with a React SWC template:

npm create vite@latest todo-app-ts --template react-swc-typescript

First Steps

To begin developing this project...

  1. Create an .env.local file using .env.example file.

  2. Run next instructions in a command prompt:

    npm install
    npm run dev

Available Scripts

In a project where Vite is installed, you can use the vite binary in your npm scripts, or run it directly with npx vite. Here are the default npm scripts in a scaffolded Vite project:

npm run dev

Runs the app in the development mode.
Open http://localhost:5173 to view it in your browser.

The page will reload when you make changes.

npm run build

Builds the app for production to the dist folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

npm run preview

Locally preview production build.

Once you've built the app, you may test it locally by running npm run preview command.

The vite preview command will boot up a local static web server that serves the files from dist at http://localhost:4173. It's an easy way to check if the production build looks OK in your local environment.

Learn More

You can learn more in the Vite documentation.

To learn React, check out the React documentation.

License

The content of this project itself and the underlying source code used to format and display that content is licensed under the The GNU Affero General Public License Version 3.