todo-list Tailwind Templates

Todo List

Este repositorio contiene el código base para una aplicación de lista de tareas (ToDo List) en React utilizando Vite, con estilos en Tailwind CSS, pruebas unitarias con Vitest y React Testing Library, arquitectura Hexagonal, y configuraciones de Prettier, Eslint, Husky y Lint-staged para un código limpio y automatización de tareas.

ToDo List App en React

Este repositorio contiene el código base para una aplicación de lista de tareas (ToDo List) desarrollada con React y utilizando Vite como empaquetador. El proyecto está diseñado para servir como una prueba técnica, demostrando el uso de varias prácticas y herramientas modernas de desarrollo web.

Características

  • ToDo List con Vite: Construida utilizando el empaquetador Vite para optimizar la velocidad y eficiencia del desarrollo.
  • Estilos con Tailwind CSS: Implementados con componentización usando class-variance-authority y tailwind-merge para mayor flexibilidad y mantenimiento.
  • Pruebas Unitarias: Integradas con Vitest y React Testing Library para asegurar la calidad y correcto funcionamiento del código.
  • Arquitectura Hexagonal: Estructura de carpetas organizada siguiendo la arquitectura Hexagonal para mejorar la mantenibilidad y escalabilidad del proyecto.
  • Código Limpio y Formateado: Configurado con Prettier y Eslint para mantener un código limpio y bien formateado, siguiendo los principios de Clean Code.
  • Automatización de Tareas: Husky y Lint-staged añadidos para automatizar la ejecución de tareas relacionadas con las configuraciones anteriores.

Instalación

  1. Clona este repositorio:
    git clone https://github.com/cavargasl/todo-list
    
  2. Navega al directorio del proyecto:
    cd todo-list
    
  3. Instala las dependencias:
    npm install
    

Uso

Para iniciar la aplicación en modo de desarrollo:

npm run dev

Para ejecutar las pruebas unitarias:

npm run test

Contribuciones

Las contribuciones son bienvenidas. Siéntete libre de abrir un issue o enviar un pull request.

Licencia

Este proyecto está licenciado bajo la MIT License.

Contacto

Para cualquier consulta, puedes contactarme a través de LinkedIn.

Top categories

Loading Svelte Themes