Esta es una solución al desafío de la Todo App en Frontend Mentor.
- Ver el diseño óptimo para la aplicación según el tamaño de pantalla del dispositivo
- Agregar un nuevo Todo a la lista
- Marcar un Todo como completo
- Marcar todos los Todos como completos
- Eliminar un Todo de la lista
- Eliminar los Todos completos
- Filtrar por: todos, activos y completos
- Alternar modo claro y oscuro
- Arrastrar y soltar elementos de la lista para reorganizarlos
- Mantener datos al recargar la pagina
- URL de la app: https://todo-app-peach-one.vercel.app
- HTML5: Estructura de la Applicacion
- CSS3: EStilos de la Applicacion
- Javascript: Agregar funcionalidades
- React: Libreria de Javascript
- Vitejs: Generador de plantillas de React
- Redux Toolkit: Manejador del estado de la Aplicacion
- SortableJS: Funcionalidad de arrastrar y soltar
- Local Storage: Mantener datos al recargar la pagina
- Flujo de trabajo: Mobile-first
- Abrir una terminal en su sistema
- Ejecutar el siguiente comando para clonar este repositorio:
git clone https://github.com/wilbernp/todo-app.git
- Moverse a la raiz del proyecto
cd todo-app
- Instalar las dependencias del proyecto
npm install
- Iniciar el servidor del proyecto
npm run dev
- Presionar CTRL + click en enlace http://localhost:5173/ o similar que aparecera en la consola y con eso se abrira una pestaña en el navegador