📚 Portafolios multipropósito

Este portafolios multipropósito nace de la necesidad de mostrar todos los trabajos freelancers que he hecho por cuenta propia como los proyectos que hacemos en comunidades open source.

En la web resultante podrás ver información sobre quién soy, que he estado haciendo y también cómo lo he estado haciendo.

🧰 Stack

• 🚀 Astro - El framework web para sitios web basados en contenidos.
• 🏷️ Typescript - JavaScript con sintaxis para tipos.

🤔 ¿Cómo usar?

Para implementar esta web con tu propia información debes seguir estos pasos:

1. Haz un Fork: En la esquina superior derecha de la página del repositorio, haz clic en el botón Fork. Esto creará una copia del repositorio en tu cuenta de GitHub.
2. Clona tu Fork: Abre una terminal en tu máquina local y usa uno de los siguientes comandos para clonar tu fork:

Con HTTPS:

git clone https://github.com/TU_USUARIO/odracirdev.github.io.git

Con SSH (recomendado):

git clone git@github.com:odracirdev/odracirdev.github.io.git

3. Ingresa a tu repositorio local: Después de haber clonado tu fork debes ingresar al directorio que se ha generado automáticamente con el siguiente comando en la terminal:

cd odracirdev.github.io

4. Instala las dependencias: Una vez dentro de tu repositorio local debes instalar las dependencias necesarias con uno de los siguientes comandos:

Con NPM:

npm install

Con PNPM (recomendado):

pnpm install

¡Listo! Ya puedes modificar el proyecto a tu gusto.

💙 odraciRdev

Es mi nickname en twitch y también un proyecto personal y profesional, ya que en enero de 2024 comencé a streamear una ruta de estudios para convertirme en frontend developer y vaya que he aprendido cosas...

🙊 Habilidades blandas

En mis inicios era tímido con la cámara ya que sabía que del otro lado habían personas que esperaban aprender algo y yo no estaba seguro de poder ayudarles con todo pero poco a poco fui perdiendo el miedo y actualmente me siento cómodo en cada transmisión.

Mira cuánto he aprendido

1. Mejora continua de la comunicación: Explicar conceptos técnicos a una audiencia en tiempo real ha mejorado la claridad al hablar y me ha permitido transmitir ideas complejas de manera sencilla.
2. Paciencia y resiliencia: Resolver problemas en directo requiere paciencia, especialmente cuando algo no funciona como se espera. Esto también me ha enseñado a manejar la presión y a ser persistente.
3. Escucha activa: Al interactuar con el chat, he aprendido a entender y responder a preguntas o sugerencias, lo que fomenta la empatía y la capacidad de recibir feedback.
4. Gestión del tiempo: Mantener un flujo de trabajo durante la transmisión me ha ayudado a desarrollar la habilidad de gestionar el tiempo, especialmente al dividir tareas complejas en pasos que se puedan mostrar en un tiempo limitado.
5. Adaptabilidad: El streaming en vivo es impredecible, y a menudo debo cambiar de planes rápidamente, ya sea para resolver errores o ajustar el contenido según el interés de los espectadores.
6. Colaboración y trabajo en equipo: Al hacer pair programming o colaborar con otros en vivo, he mejorado mis habilidades de colaboración, aprendiendo a integrar opiniones y aportes en tiempo real.
7. Autoconfianza: Al explicar temas y realizar tareas frente a una audiencia, se gana confianza en las propias habilidades y conocimientos.

🧑🏻‍💻 Habilidades técnicas

Partiendo desde lo básico hasta lo más avanzado estoy logrando aprender muchas cosas que en su momento ignoraba ya que existen muchos conceptos que desconozco. Gracias a la lectura de documentación y práctica constante he logrado subir de nivel poco a poco.

Aquí también he aprendido cositas

1. Resolución de problemas en tiempo real: Resolver errores en vivo fomenta habilidades de depuración rápida y efectiva, esto me ha permitido desarrollar la capacidad para diagnosticar y solucionar problemas técnicos bajo presión.
2. Mejora en el flujo de trabajo de desarrollo: Mostrar el proceso en vivo motiva a utilizar herramientas y prácticas eficientes, como control de versiones (Git) y métodos para estructurar el código de manera clara y legible para que la audiencia lo entienda.
3. Documentación y código limpio: La necesidad de explicar el código en streaming promueve buenas prácticas de documentación y escritura de código limpio, ya que es fundamental que el código sea comprensible para la audiencia.
4. Uso avanzado de herramientas de desarrollo: Durante el streaming se tiende a utilizar editores de código, terminales, navegadores y otras herramientas con mayor eficiencia, lo cual contribuye a la familiarización y aprovechamiento de sus funcionalidades avanzadas.
5. Dominio de frameworks y bibliotecas: Al enseñar o construir proyectos en tiempo real, practico el uso de frameworks como Astro principalmente, y bibliotecas comunes, aumentando así mi dominio sobre ellas.
6. Optimización y buenas prácticas de rendimiento: Al explicar conceptos a mis espectadores, tiendo a mejorar mi entendimiento sobre temas de optimización (carga rápida, lazy loading, optimización de imágenes, etc.), asegurándome de escribir código de alto rendimiento.

🧩 Open Source

Este proyecto comenzó únicamente leyendo documentación y haciendo pequeñas prácticas pero a lo largo del tiempo hemos evolucionado a tal punto en el que ya contamos con proyectos de código abierto creados por la comunidad para fomentar la colaboración entre miembros de todas partes del mundo.

Ni yo me creo haber aprendido esto

1. Contribución a proyectos: He aprendido a identificar problemas en proyectos de código abierto, hacer pull requests, y contribuir con mejoras o correcciones, fortaleciendo así mi habilidad de trabajar en proyectos grandes y colaborar en código compartido.
2. Manejo de control de versiones (Git y GitHub): Explicar y mostrar cómo crear ramas, gestionar conflictos, hacer commits limpios y abrir pull requests me ha enseñado buenas prácticas de control de versiones y me ha ayudado a automatizar el flujo de trabajo en entornos compartidos.
3. Escritura y revisión de código: Mostrar el proceso de code review y recibir retroalimentación fomenta habilidades para revisar y mejorar el código de otros, desarrollando una mentalidad crítica y colaborativa.
4. Documentación clara y concisa: Contribuir y explicar documentación en tiempo real me ha ayudado a adquirir habilidades de redacción técnica, ya que es fundamental que otros desarrolladores puedan entender e implementar las instrucciones.
5. Resolución de problemas comunitarios: Al trabajar en proyectos con otros colaboradores, he mejorado mis habilidades para gestionar problemas comunes de la comunidad, desde conflictos en el código hasta diferencias en las ideas de implementación.
6. Gestión de proyectos colaborativos: Practicar la organización de issues, asignación de tareas y planificación de milestones en un proyecto open source me ha enseñado habilidades de gestión de proyectos, lo cual es valioso para la colaboración efectiva.
7. Networking y crecimiento en la comunidad: Compartir y colaborar en proyectos open source en vivo me ha permitido interactuar con otros desarrolladores, construir redes de contactos, y recibir apoyo de la comunidad en tiempo real.

🍻 Únete a la comunidad

Si quieres aprender desde cero o si quieres tener un lugar para practicar todo lo que sabes, esta comunidad es perfecta para ti. En ella vas a encontrar proyectos de código abierto, personas dispuestas a enseñar o trabajar en tu idea de proyecto, conocerás personas increíbles y mejorarás tanto técnica como personalmente todas tus habilidades.

Nuestro cuartel general se encuentra en Discord y ahí es donde organizamos todas las ideas locas que se nos ocurren. Los streaming los puedes ver en mi canal de Twitch y todos las transmisiones de la ruta de estudios las puedes encontrar en mi canal de YouTube.

¡Te esperamos! 😉