Este proyecto es una aplicación web que utiliza Django para el backend, React con Vite para el frontend, y Tailwind CSS para estilos.
- Python (preferiblemente versión 3.7 o superior)
- Node.js (preferiblemente versión LTS)
- npm (normalmente viene con Node.js)
- Git
-
Clona el repositorio: Abre una terminal y ejecuta el siguiente comando para clonar el repositorio:
git clone https://github.com/LuisZentenxx/BodegaAhorro.git
-
Configurar el entorno del backend (Django): Dirígete al directorio del proyecto:
cd Bodega Ahorro
-
Crea y activa un entorno virtual: En el directorio principal del proyecto ejecuta los siguientes comandos.
-
python -m venv env
-
env\Scripts\activate
-
-
Instala las dependencias de Python*
pip install -r requirements.txt python manage.py migrate python manage.py runserver
-
Configura el entorno del frontend (React con Vite y Tailwind.css): Cambia al directorio del frontend.
cd ../frontend
-
Instala Node.Js en tu equipo: Ve al siguiente link y descarga la versión LTS. https://nodejs.org/en
-
Instala las dependencias de Node.js con npm: Abre una terminal, luego dirigete al directorio de frontend y ejecuta el siguiente comando.
npm install
-
Iniciar la aplicación web: Para iniciar la aplicación, es necesario tener tanto el servidor de Django como el servidor de desarrollo del frontend en ejecución. Abre dos terminales separadas, una para el backend y otra para el frontend.
- En la terminal dirigete al directorio del proyecto (Bodega Ahorro), e inicia el servidor de Django.
py manage.py runserver
- En la terminal dirigete al directorio del frontend
e inicia el servidor de desarrollo de React con Vite:
npm run dev
- En la terminal dirigete al directorio del proyecto (Bodega Ahorro), e inicia el servidor de Django.
-
Acceder a la aplicación: Abre un navegador web y navega a http://localhost:5173 para visualizar la aplicación en ejecución.
- backend/ : Contiene el código del backend desarrollado con Django.
- frontend/ : Contiene el código del frontend desarrollado con React (Vite) y los archivos relacionados con Tailwind.css.
- requirements.txt : Lista de dependencias de Python para el backend.
- package.json: Archivo de configuración de Node.js para el frontend.