Este proyecto es una aplicación React para la gestión de productos que incluye funcionalidades para listar, agregar, actualizar y eliminar productos. Se conecta a un backend construido en Laravel mediante una API RESTful.
Antes de instalar y ejecutar este proyecto, asegúrate de tener lo siguiente instalado en tu sistema:
- Node.js (versión 20 o superior recomendada)
- npm (incluido con Node.js en version 10 o superior)
- Un backend API funcional (por ejemplo, el backend Laravel proporcionado en este proyecto)
Sigue los pasos a continuación para clonar e instalar este proyecto en tu máquina local (recuerda utilizar la ruta de tu preferencia):
- Clona el repositorio:
git clone https://github.com/guerrerogenesis/frontend-test.git
- Accede al directorio del proyecto donde lo clonaste:
cd nombre-del-directorio - Instala las dependencias: Si usas npm:
npm install
- Configura las variables de entorno: Crea un archivo .env en la raíz del proyecto y agrega las siguientes variables:
VITE_API_URL=http://localhost:8000/api
- Inicia el servidor de desarrollo:
npm start
- Abre la aplicación en el navegador: Ve a http://localhost:3000 para ver la aplicación en acción.
En este proyecto, puedes ejecutar los siguientes scripts:
- npm start / yarn start: Ejecuta la aplicación en modo desarrollo.
- npm run build / yarn build: Genera la aplicación optimizada para producción.
- Asegúrate de que tu backend Laravel esté ejecutándose correctamente antes de probar la conexión.
- Si cambias el puerto o la URL del backend, actualiza el archivo .env para reflejar la nueva configuración.
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh