🐔 Avicon Frontend

Avicon Frontend es una aplicación web moderna y responsiva para la gestión de granjas avícolas.
Incluye dashboards, paneles de control, reportes y administración de entidades clave (pollos, lotes, alimentación, salud y producción).Además con posibilidad de integrar herramientas de IA, que ayuden a predecir posibles problemas de salud o de producción, cuenta con un diseño responsivo para todo tipo de dispositivos.

✅ Manual de Usuario

Hemos creado un manual de usuario sencillo para guiarte por cada una de las secciones y puedas sacarle el maximo provecho, hemos hecho uso de la herramiento Notion para documentar , para ver el manual haz click en el enlace: https://oscarmolina.notion.site/Avicon-Manual-de-Usuario-2677c9c9fb1780b1964eec56308b1cfc.

📌 Funcionalidades

✅ Dashboard interactivo con métricas de la granja
✅ Gestión de pollos y lotes con creación, edición y eliminación
✅ Reportes en tiempo real con gráficos (Recharts)
✅ Control de salud y alimentación de las aves
✅ Asistencia y producción integradas en paneles
✅ Diseño responsive (desktop & mobile)

⚙️ Tecnologías usadas

- [React](https://react.dev/) – Librería para la interfaz de usuario
- [TypeScript](https://www.typescriptlang.org/) – Tipado estático
- [TailwindCSS](https://tailwindcss.com/) – Estilos modernos y responsivos
- [ShadCN/UI](https://ui.shadcn.com/) – Componentes de UI reutilizables
- [Recharts](https://recharts.org/) – Visualización de datos (gráficos)
- [Vercel](https://vercel.com/) – Hosting y despliegue automático

🚀 Ejecución

#clonar el reposito en local
git clone https://github.com/oscarMolina1523/chicken-control.git
#navegar en la carpeta
cd chicken-control
#instalar dependencias
npm install
#correr el proyecto en local
npm run dev

📂 Estructura del proyecto

src/
├── components/ # Componentes reutilizables (UI, tablas, modales, etc.)
├── pages/ # Vistas principales (Dashboards, Reportes, etc.)
├── services/ # Conexión con la API (backend Avicon)
├── hooks/ # Custom hooks
├── context/ # Estado global
├── assets/ # Imágenes, íconos
├── App.tsx # Configuración principal
└── main.tsx # Punto de entrada

🛠️ Scripts útiles

npm run dev #→ Modo desarrollo
npm run build #→ Compila para producción
npm run preview #→ Vista previa de la build

✨ Autores

Desarrollador Oscar Molina
💼 Desarrollador Web
GitHub: @oscarMolina1523
linkedin: https://www.linkedin.com/in/oscar-molina-916195309

Desarrollador Joshua Chavez
💼 Desarrollador Web
GitHub: @benchav
linkedin: https://www.linkedin.com/in/joshua-benjamin-ch%C3%A1vez-lau-44a65534b