Proyecto: Web 🌐

Estructura del Proyecto 🏗️

• web-python-reflex: Contiene el código fuente principal.
  • web-python-reflex.py: Punto de inicio del sitio web.
  • constants.py: Definición de constantes utilizadas en el sitio.
  • styles: Directorio de estilos (css, colores y fuentes).
  • views: Directorio de vistas (secciones gráficas).
  • components: Directorio de componentes (elementos gráficos con menor entidad que una vista).
• assets: Recursos gráficos y utilidades JavaScript (nive y cuenta atrás).
• rxconfig.py: Configuración principal del proyecto (por defecto).
• requirements.txt: Lista de dependencias del proyecto para su ejecución.
• build.sh: Script de generación estática de la web para producción.
• [generado] public: Empaquetado estático del proyecto desplegable en producción (HTML, CSS, JS e imágenes).

Configuración en Local 🖥️

1. Haz un Fork del repositorio.

2. Clona ese repositorio en tu máquina local.

   git clone url

3. Navega al directorio del proyecto.

   cd web-python-reflex

4. Crea un entorno virtual.

   python3 -m venv venv

5. Activa el entorno virtual.

   source venv/bin/activate

6. Instala las dependencias.

   python -m pip install -r requirements.txt

7. Inicializa el proyecto de Reflex.

   reflex init

8. Ejecuta el proyecto en local.

   reflex run

   Podrás acceder a él entrando en la url http://localhost:3000/ desde el navegador.

Para más información sobre Reflex, consulta su documentación oficial.

Despliegue 🚀

Para realizar el despliegue del proyecto, utiliza el archivo build.sh. Este script ejecuta el flujo necesario para generar el directorio public con todos los recursos estáticos necesarios para el servidor web.

El repositorio siempre cuenta con el directorio public para que puedas revisar el contenido estático de la web sin ejecutar el script build.sh.

source .venv/bin/activate
pip install --upgrade pip
pip install -r requirements.txt
reflex init
reflex export --frontend-only
rm -fr public
unzip frontend.zip -d public
rm -f frontend.zip
deactivate

Recursos utilizados

• Lenguaje: Python
• Framework: Reflex
• CSS: NES.css
• Fuente: Press Start 2P
• Hosting: Vercel