# Screens

**Screens**

screens of your application. They can be Login, Home, Profile, etc.

<figure><img src="https://2502114363-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUUkv6V2Eqj1QHJhpvxwi%2Fuploads%2F1Q9gFhjoxvxKVcxrUGGx%2FScreenshot%202023-06-27%20at%2011.41.06%20AM.png?alt=media&#x26;token=d1d75eb7-8a28-463f-886d-0bcf6316345f" alt=""><figcaption></figcaption></figure>

## What does a screen contain?

The main screens are made up of their folder in this file and style.js, and if it contains styles of the screen.

<figure><img src="https://2502114363-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUUkv6V2Eqj1QHJhpvxwi%2Fuploads%2FqUtvBrrxhXol8SUCRc4C%2FScreenshot%202023-06-27%20at%2011.49.39%20AM.png?alt=media&#x26;token=39024a74-2687-4c69-b7cd-e861ebcf1be1" alt=""><figcaption></figcaption></figure>

| same name folder.js                    | styles.js                                         | components/                                   | sections/                                                                                                                               |
| -------------------------------------- | ------------------------------------------------- | --------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------- |
| src/componentes/purticularfolder/ code | src/componentes/purticularfolder/ codestyles code | internal components used only by this display | <p>These are internal sections of the screens:</p><p>Ex: signup screen</p><p>,login screen,home</p><p>etc..</p><p>completed screen.</p> |
