Clase 1

Introducción, instalación y configuración.

Author: mouredev

README.md

@@ -10,26 +10,40 @@
 ### Proyecto realizado durante emisiones en directo desde [Twitch](https://twitch.tv/mouredev)
 > ##### Si consideras útil el curso, apóyalo haciendo "★ Star" en el repositorio. ¡Gracias!
 
-## Inicio curso: 04/10/2023
-### ⏰ 20:00 (hora España)
-### 🟣 En directo desde [Twitch](https://twitch.tv/mouredev)
-### 🌐 Consulta el horario por país y crea un recordatorio desde [Discord](https://discord.gg/YTsntUmH?event=1156638368864665760)
+## Próxima Clase: 11/10/2023
+### ⏰ 20:00 (hora España) en directo desde [Twitch](https://twitch.tv/mouredev)
+### 🌐 Consulta el horario por país y crea un recordatorio desde [Discord](https://discord.gg/szCvz8xV?event=1159409862787211284)
 
-Durante el curso aprenderemos desarrollo web con Python puro utilizando el framework [Reflex](https://github.com/reflex-dev/reflex). Realizaremos un proyecto práctico que consistirá en desarrollar y publicar mi nueva web de links [moure.dev](https://moure.dev/) (añadiéndole nuevas funcionalidades).
+## Clases anteriores
+
+### Clase 1 (04/10/2023): Introducción, instalación y configuración ▶️ [Ver clase en vídeo](https://www.twitch.tv/videos/1942562640?t=00h18m05s)
+
+## Proyecto
+
+Durante el curso aprenderemos desarrollo web con Python puro utilizando el framework [Reflex](https://github.com/reflex-dev/reflex). Realizaremos un proyecto práctico que consistirá en desarrollar y publicar mi nueva web de links [moure.dev](https://moure.dev/) (añadiéndole muchas nuevas funcionalidades).
 Todo el código estará disponible para que cualquiera pueda usarlo.
 
+### 💻 [Accede al código del proyecto](./link_bio)
+
 ## Información importante y preguntas frecuentes
 
 Este curso se encuentra en desarrollo. Todo el contenido se crea en directo desde [Twitch](https://www.twitch.tv/mouredev), y en este repositorio podrás encontrar las clases en vídeo, el código programado, enlaces de interés y la información de la próxima clase.
 
 Una vez se finalice, se creará un vídeo que agrupe todas las clases y se publicará en [YouTube](https://www.youtube.com/@mouredev).
 
+* Es un curso desde cero y no necesitas conocimientos previos sobre desarrollo web.
 * Recuerda que he creado en el [Discord](https://discord.gg/mouredev) un canal "🐍python" para que puedas comentar lo que quieras.
 
 ## Enlaces de interés
 
 * [Web oficial de Python](https://www.python.org/)
 * [Web oficial de Reflex](https://reflex.dev/)
+* [Documentación oficial de Reflex](https://reflex.dev/docs/)
+* [Repositorio en GitHub de Reflex](https://github.com/reflex-dev/reflex)
+* [Visual Studio Code](https://vscode.dev/)
+* [Documentación CSS](https://www.w3schools.com/css/)
+* [Curso de CSS](https://web.dev/learn/css/)
+* [Chakra UI](https://chakra-ui.com/)
 
 ## Curso de Python desde cero
 ### Aprende Python desde sus fundamentos

link_bio/.gitignore

@@ -0,0 +1,5 @@
+venv/
+*.db
+*.py[cod]
+.web
+__pycache__/

link_bio/.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+    "[python]": {
+        "editor.defaultFormatter": "ms-python.autopep8"
+    },
+    "python.formatting.provider": "none"
+}

link_bio/README.md

@@ -0,0 +1,32 @@
+# Web de links de MoureDev
+
+[![Python](https://img.shields.io/badge/Python-3.11+-yellow?style=for-the-badge&logo=python&logoColor=white&labelColor=101010)](https://python.org)
+[![FastAPI](https://img.shields.io/badge/Reflex-0.2.8+-5646ED?style=for-the-badge&logo=reflex&logoColor=white&labelColor=101010)](https://fastapi.tiangolo.com)
+
+## Proyecto desarrollado con [Python](https://www.python.org/) y [Reflex](https://reflex.dev/) que representa un sitio web personal estilo "[link in bio](https://moure.dev/)"
+
+## Requisitos
+
+#### Crea un entorno virtual [venv](https://packaging.python.org/en/latest/guides/installing-using-pip-and-virtual-environments/) en la raíz del proyecto
+Mac/Linux: `python3 -m pip install virtualenv`
+
+Windows: `py -m pip install --user virtualenv`
+
+#### Activa el entorno virtual 
+Mac/Linux: `source env/bin/activate`
+
+Windows: `.\env\Scripts\activate`
+
+Para desactivar el entorno virtual: `deactivate`
+
+## Dependencias
+*(Con el entorno virtual activo)*
+
+`pip install reflex`
+
+## Ejecución
+`reflex run`
+
+`reflex run --loglevel debug` *(modo debug)*
+
+Acceder a [http://localhost:3000](http://localhost:3000) (frontend) y a [http://localhost:8000](http://localhost:8000) (backend)

link_bio/assets/favicon.ico

@@ -0,0 +1,14 @@
+import reflex as rx
+
+
+class State(rx.State):
+    pass
+
+
+def index() -> rx.Component:
+    return rx.text("Hola Reflex!", color="blue")
+
+
+app = rx.App()
+app.add_page(index)
+app.compile()

link_bio/link_bio/__init__.py

@@ -0,0 +1,5 @@
+import reflex as rx
+
+config = rx.Config(
+    app_name="link_bio",
+)