Este proyecto realiza dos consultas a https://min-api.cryptocompare.com/ y sus endpoints para traer una lista de las 20 monedas mas caras de criptos y una segunda consulta para equivalencias de una moneda normal.
Hace uso de css puro y un store de zustand con validación de schemas con zod
- React → Librería principal para la UI
- Vite → Bundler rápido para desarrollo y build
- TypeScript → Tipado estático y robustez en el código
- Zustand → Gestor de estado de React
- Zod → Validación de la respuesta de la API
src/ components/ # Componentes reutilizables (formularios, listas, etc.) tests/ # Realiza pruebas (por el momento sanity tests para probar el CI/CD) data/ # Elementos del drop menu schema/ # Estructura de los datos recibidos para currencies y precios services/ # Funciones para realizar consultas de la API App.tsx # Componente principal main.tsx # Punto de entrada
- Clonar el repositorio:
git clone https://github.com/tchock42/cripto-react-zustand
cd clima-react
2. Instalar dependencias:
```bash
npm install- Ejecutar en modo desarrollo:
npm run dev- Generar el build de producción:
npm run build- Previsualizar build
npm run preview- npm run dev → entorno local con hot reload
- npm run build → build optimizado para producción
- npm run preview → servidor de preview del build
- npm run lint → verificación de estilo con ESLint
- npm run type-check → validación de tipos con TypeScript
- npm run test → pruebas unitarias (si se agregan con Vitest)
- Formulario con información de país y ciudad
- Consulta mediante la api de Open Weather
Este proyecto se despliega automáticamente en Github Pages:
- Cada push a
maindispara linting, pruebas y build. - Si todo pasa, Github Pages publica la nueva versión en producción.
- Integración con GitHub Actions asegura calidad antes del deploy.
