Este es un proyecto simple de una lista de tareas (To-Do List) creado con React y Vite. El objetivo de este proyecto es proporcionar una interfaz interactiva donde los usuarios puedan agregar, marcar como completadas y eliminar tareas.
- Añadir tareas
- Marcar tareas como completadas
- Eliminar tareas
Antes de comenzar, asegúrate de tener instalado lo siguiente:
Sigue estos pasos para configurar el proyecto localmente:
- Clona el repositorio:
git clone (https://github.com/USERNAME/TodoList.git)
- Navega al directorio del proyecto:
cd app
- Instala las dependencias:
npm install
Para iniciar el servidor de desarrollo y ver la aplicación en tu navegador, ejecuta:
npm start
Abre http://localhost:3000 en tu navegador para ver la aplicación.
app/
├── api/
│ ├── data/
│ │ └── tasks.json
│ │ └── data.js
│ ├── logic/
│ │ └── logic.js
│ └── index.js
├── node_modules/
├── public/
│ └── index.html
├── src/
│ ├── components/
│ │ ├── TodoItem.jsx
│ │ └── TodoList.jsx
│ ├── App.jsx
│ ├── main.jsx
│ └── index.css
├── .gitignore
├── package.json
├── README.md
├── vite.config.js
└── LICENSE
El proyecto también incluye una API simple que permite almacenar las tareas en un archivo tasks.json
. La API tiene las siguientes rutas:
- GET /tasks: Obtiene todas las tareas.
- POST /tasks: Crea una nueva tarea.
- DELETE /tasks/:id: Elimina una tarea por su ID.
- data: Carpeta que contiene el archivo
tasks.json
donde se almacenan las tareas. - logic: Carpeta que contiene la lógica de la API en
logic.js
. - index.js: Archivo principal que maneja las solicitudes GET, POST y DELETE.
Las contribuciones son bienvenidas. Si deseas contribuir, por favor sigue los siguientes pasos:
- Haz un fork del proyecto de la rama
develop
. - Crea una nueva rama (
git checkout -b feature/nueva-funcionalidad
). - Realiza los cambios necesarios y haz commit (
git commit -m 'Agregar nueva funcionalidad'
). - Haz push a la rama (
git push feature/nueva-funcionalidad
). - Abre un Pull Request contra
develop
con la nueva feature.
Este proyecto está bajo la Licencia MIT. Consulta el archivo LICENSE para más detalles.
¡Gracias por utilizar esta lista de tareas! Si tienes alguna pregunta o sugerencia, no dudes en abrir un issue en el repositorio.