# Directory Structure


The following figure shows the typical directory structure of the eTS module (entry/src/main) for an application with feature abilities (FAs).


![en-us_image_0000001222967752](figures/en-us_image_0000001222967752.png)


Functions of the files are as follows:


- The Extended TypeScript (eTS) files that end with the .ets extension describe the UI layouts, styles, event interactions, and page logics.


Functions of the folders and files are as follows:


- The **app.ets** file manages global application logics and lifecycles.

- The **pages** directory stores all component pages.

- The **common** directory stores common code files, such as custom components and public methods.


> **NOTE**
>
> - The **resources** directory is located in **src/main**. For details about this directory, see [Resource File Categories](ui-ts-basic-resource-file-categories.md).
>
> - TypeScript and JavaScript files can be imported as page files.