Home

Awesome

Calendario de aDEViento Web

Python Reflex NES.css Vercel

Proyecto web "Calendario de aDEViento" con Python puro y Reflex

https://adviento.dev

El "Calendario de aDEViento" es una actividad en la que cada día (durante el adviento) se sortea un regalo relacionado con programación y desarrollo de software (libros, cursos…). Su finalidad es ayudar a compartir conocimiento y fomentar el aprendizaje en comunidad.

Visita https://adviento.dev

Desarrollo realizado en directo desde Twitch

Si consideras útil el proyecto, apóyalo haciendo "★ Star" en el repositorio. ¡Gracias!

Tutorial en vídeo

<a href="https://youtu.be/h8Tn0ITRoQs"><img src="http://i3.ytimg.com/vi/h8Tn0ITRoQs/maxresdefault.jpg" style="height: 50%; width:50%;"/></a>

Tienes un canal llamado "python" en el servidor de Discord de la comunidad para preguntar, compartir y ayudar.

Proyecto

Esta es la estructura general del proyecto.

Configuración en local

  1. Haz un Fork del repositorio.

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

    git clone https://github.com/<USERNAME>/adeviento-web.git
    
  3. Navega al directorio del proyecto.

    cd adeviento
    
  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.

Tienes más la información sobre Reflex en su documentación oficial.

Despliegue

Para realizar el despliegue del proyecto se ha creado un archivo local_build.sh que se encarga de ejecutar el flujo necesario para generar el directorio public con todos los recursos estáticos que necesita el servidor web.

Todo el proceso de empaquetado para producción podría ser delegado en el servidor, pero el repositorio cuenta siempre con el directorio public para que así puedas revisar el contenido estático de la web sin necesidad de ejecutar el script local_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

Básicamente, prepera el entorno, instala dependencias, inicializa el proyecto, crea la construcción de producción, y la descomprime.

Puedes configurar el servidor para que realice la tarea de empaquetado y despliegue ejecutando build.sh.

El proyecto se puede desplegar en cualquier proveedor o servidor que soporte recursos estáticos.

adviento.dev se encuentra desplegado en Vercel.

Configuración en Vercel:

Recursos utilizados

Python Reflex NES.css Vercel

Curso de Python y Reflex

<a href="https://github.com/mouredev/python-web"><img src="https://raw.githubusercontent.com/mouredev/python-web/main/Images/header.jpg"/></a>

Curso gratis para aprender desarrollo frontend Web con Python puro desde cero con Reflex. Las tecnologías usadas para desarrollar el proyecto del "Calendario de aDEViento". También tengo un curso de Python desde cero para principiantes.

Curso Python Web Curso Python

Puedes apoyar mi trabajo haciendo "☆ Star" en el repo. ¡Gracias!

Únete al campus de programación de la comunidad

https://mouredev.pro

Te presento mouredev pro, mi proyecto más importante para ayudarte a estudiar programación y desarrollo de software de manera diferente.

¿Buscas un extra? Aquí encontrarás mis cursos editados por lecciones individuales, para avanzar a tu ritmo y guardar el progreso. También dispondrás de ejercicios y correcciones, test para validar tus conocimientos, examen y certificado público de finalización, soporte, foro de estudiantes, reunionnes grupales, cursos exclusivos y mucho más.

Entra en mouredev.pro y utiliza el cupón "PRO" con un 10% de descuento en tu primera suscripción.

https://mouredev.com Hola, mi nombre es Brais Moure.

Freelance full-stack iOS & Android engineer

YouTube Channel Subscribers Twitch Status Discord Twitter Follow GitHub Followers GitHub Followers

Soy ingeniero de software desde 2010. Desde 2018 combino mi trabajo desarrollando Apps con la creación de contenido formativo sobre programación y tecnología en diferentes redes sociales como @mouredev.

Si quieres unirte a nuestra comunidad de desarrollo, aprender programación, mejorar tus habilidades y ayudar a la continuidad del proyecto, puedes encontrarnos en:

Twitch Discord Pro Link Web