Este es un proyecto "Hola Mundo" diseñado para servir como plantilla premium para futuras aplicaciones. Incorpora una API RESTful en Django y un frontend moderno con React (construido con Vite).
- Backend: Python, Django, Django REST Framework, django-cors-headers.
- Frontend: Node.js, React, Vite, Lucide-React (para íconos).
- Base de Datos: SQLite (configuración por defecto de Django).
- Estilos: Vanilla CSS con diseño Glassmorphism moderno.
El proyecto está dividido en dos directorios principales:
backend/: Código de la API de Django y su entorno virtual (venv).frontend/: Código fuente de la aplicación React.
Abre un terminal y navega a la carpeta principal, luego ejecuta los siguientes comandos:
cd backend
# Activar entorno virtual en Windows
.\venv\Scripts\activate
# Ejecutar el servidor de desarrollo en el puerto 8000
python manage.py runserverEl backend estará corriendo en http://localhost:8000/api/hello-world/.
Abre un segundo terminal, navega a la carpeta principal y ejecuta:
cd frontend
# (Opcional, si nunca lo has hecho) npm install
# Iniciar el servidor de desarrollo de Vite
npm run devEl frontend normalmente correrá en http://localhost:5173/. Abre ese enlace en tu navegador.
- CORS: El backend está configurado con
django-cors-headerspermitiendo todos los orígenes en modo desarrollo (CORS_ALLOW_ALL_ORIGINS = True). - Aspectos Visuales: La interfaz del frontend utiliza una paleta de colores oscuros con efectos de cristal y animaciones creadas con CSS puro en
index.css. - Patrón de Arquitectura: El frontend hace un fetch asíncrono hacia el endpoint expuesto por Django en
App.jsx, mostrando estados de carga, error y éxito, sirviendo de framework perfecto para que crezcas esta aplicación.
🚀 Template creado y documentado automáticamente como prueba de concepto de integración.