> For the complete documentation index, see [llms.txt](https://docs.ionicfirebaseapp.com/clothingapp/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.ionicfirebaseapp.com/clothingapp/clothing-app/app-structure.md).

# App Structure

### BUILT WITH **SASS**.

The App uses[ SASS,](http://sass-lang.com/) which is basically CSS with superpowers. Each component has its dedicated sass files structured with independent variables so you can have maximum modularity, flexibility and customizability.

**There are four main folder structures in an Ionic 3 app:**

* **App**: App has all the files needed to bootstrap the app and the main structure we will build the app upon.
* **Pages**: Here you can see all the app pages html, js and css.
* **Theme**: This folder contains all the superpowers of Sass (variables, mixins, shared styles, etc) that makes super easy to customize and extend the app.
* **Assets**: In this folder you will find images, sample data json’s, and any other asset you may require in your app.

**Note:** If you want more information, please refer to[ Ionic Getting Started pages](https://ionicframework.com/docs//intro/tutorial/project-structure/).

### APP

![](/files/-LCSY7eo9_-avQ1Ydps7)

**app.component.ts**

It is the main entry point of our app. It defines the basic structure and initial navigation of the app.

In our case we have a combination of tabbed navigation and side menu navigation. In this file we define which page would be the first one and the options and navigation of the side menu.

###

<br>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.ionicfirebaseapp.com/clothingapp/clothing-app/app-structure.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.