Vite React Project Reffinder

Tecnologías y Librerías Utilizadas

• React: Biblioteca principal para construir interfaces de usuario.
• Vite: Herramienta de desarrollo para optimizar y compilar la aplicación rápidamente.
• TypeScript: Añade tipado estático a JavaScript para una mejor escalabilidad y mantenibilidad.
• TailwindCSS: Framework de utilidades CSS para un diseño responsivo y rápido.
• Zustand: Pequeña biblioteca para la gestión del estado global.
• i18next: Herramienta para la internacionalización, con soporte para detección de idioma y carga de traducciones desde el backend.
• SweetAlert2: Biblioteca de alertas para crear mensajes interactivos y personalizados.
• Axios: Cliente HTTP para realizar peticiones a una API externa.
• React Router: Enrutador para la navegación entre las distintas rutas de la aplicación.
• ESLint & Prettier: Configuración de linters y formateadores para mantener un código limpio y consistente.

Scripts Disponibles

• dev: Ejecuta la aplicación en modo desarrollo mediante Vite.
• build: Realiza la compilación de TypeScript y construye la aplicación para producción.
• lint: Ejecuta ESLint para asegurar que el código sigue las normas de estilo establecidas.
• preview: Visualiza una versión de la aplicación construida (previa a producción).

Instalación y Uso

1. Clona el repositorio y navega al directorio del proyecto.
2. Ejecuta npm install para instalar todas las dependencias.
3. Usa npm run dev para iniciar la aplicación en modo desarrollo.
4. Usa npm run build para construir la aplicación para producción.

Estructura del Proyecto

• src/: Contiene los archivos fuente de la aplicación.
• public/: Recursos públicos que no necesitan ser procesados por Vite.
• tailwind.config.js: Configuración de TailwindCSS.
• tsconfig.json: Configuración de TypeScript.
• .eslintrc: Configuración de ESLint.

Dependencias Principales

• @types/node: Tipos para Node.js.
• @types/react y @types/react-dom: Tipos para React.
• @typescript-eslint/eslint-plugin y @typescript-eslint/parser: Integración de ESLint con TypeScript.
• prettier-plugin-tailwindcss: Formatea el código de acuerdo con la configuración de TailwindCSS.

Licencia

Este proyecto se distribuye bajo la licencia MIT.