> For the complete documentation index, see [llms.txt](https://shecodes.gitbook.io/she-codes-angular/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shecodes.gitbook.io/she-codes-angular/1.-utiliza-stackblitz.md).

# ¡Utiliza Stackblitz! ⚡

[**Stackblitz**](https://stackblitz.com/) es una página web que te permite crear aplicaciones de Angular en el navegador. Eso quiere decir que ¡no tienes que instalar nada más! 😎

[Video de Eric Simons ](https://youtu.be/Q0VPt2kF-Z0)📹📹📹

### Paso #1 📺

Entra a [**www.stackblitz.com**](https://stackblitz.com), y verás algo como esto:

![Crea una cuenta, para que no pierdas tu progreso.](/files/-LfkHbQ_-gAeX_SUpaab)

![](/files/-LfkJrLKLA6Ib9AGn7a7)

{% hint style="info" %}
En Stackblitz puedes crear un proyecto de Angular, React, Ionic, TypeScript, RxJS o Svelte ¡en segundos! ⏰
{% endhint %}

![](/files/-LfkL1kfzmm5NbCpp7Bn)

![](/files/-LfkL_8jRYal27_KSvzl)

### Paso #2 🅰

Selecciona **Angular,** y una vez se cree el proyecto verás algo como esto:

![](/files/-LfkSyLFwJBd8W5C2ujH)

### Paso #3 📂

En el panel de archivos y carpetas verás la carpeta `app`, esta carpeta es donde se encuentra nuestra aplicación. El resto de archivos son parte de la configuración de Angular. Algo por lo que no te debes preocupar aún 😉

Dentro de la carpeta `app`, vamos a buscar el archivo `app.component.html` , este archivo tiene el contenido de lo que estás viendo a la derecha. Si lo editas ¡automáticamente verás los resultados! ⚡️

Reemplaza: `Start editing to see some magic happen :)`, por `I 💙 Angular!`

![](/files/-LfkRsidGmvDTe0ZC-Pg)

## Lo lograste! 💪

{% hint style="success" %}
Has completado este mini **desafío**, te invitamos a leer nuestro CoC - Código de Conducta **👇**
{% endhint %}