Aprende y practica tus habilidades en HTML, CSS y JavaScript con los retos Front-End diseñados en StreamByte. Descarga el diseño, resuelve el reto y agrega el proyecto a tu portafolio.

Presentación

¡Hola devs! 👋🏽

La idea detrás de este proyecto es diseñar y estructurar retos de HTML, CSS y JavaScript basados en prototipos de Figma. Como soy principiante y comprendo lo díficil que es encontrar recursos prácticos para mejorar en Front-End, me gustaría estructurar un reto de cada problema que encuentro en el día a día y compartirlo con la comunidad.

Requisitos Previos

Aségurate de tener las siguientes herramientas instaladas:

• Node.js v18.17.1 o v20.3.0 en adelante (v19 no está soportada)
• Visual Studio Code

Stack

• Astro
• TypeScript

¿Cómo usar?

Para utilizar esta web como una plantilla, debes:

1. Hacer fork a este repositorio

   • Da clic en el botón de fork para crear una copia del proyecto.

2. Clona el repositorio forkeado localmente:

    git clone https://github.com/StreamByte/website.git
   

3. Debes ingresar al repositorio, así que usa este comando:

    cd StreamByte
   

4. Instala las dependencias necesarias:

   Con NPM:

    npm install
   

   Con PNPM:

    pnpm install
   

5. Ejecuta el proyecto en modo desarrollador para ver o realizar cambios:

     npm run dev
   

Si te interesa colaborar o realizar cambios, revisa la guia en CONTRIBUTING.md y DESIGN_SYSTEM.md.

Requisitos Previos

Aségurate de tener las siguientes herramientas instaladas:

• Node.js v18.17.1 o v20.3.0 en adelante (v19 no está soportada)
• Visual Studio Code

1. Clona el repositorio y navega a la carpeta del proyecto:

     git clone https://github.com/StreamByte/website.git
   

2. Instala las dependencias:

     npm install
   

3. Ejecuta el proyecto en modo desarrollador para ver o realizar cambios:

     npm run dev