# Step 3: Get Familiarized

Once you've [downloaded the latest Monogatari release](https://developers.monogatari.io/documentation/2.1.0/getting-started/getting-monogatari), take some time to get familiar with the files and directories inside it.

{% hint style="info" %}
You can take a look at a more visual representation of the Monogatari project structure [in this simple mind map](https://www.mindmeister.com/1136161346/monogatari-project-structure).
{% endhint %}

### Directories

You'll find some directories, here is what you should use them for.

| Directory | Contains                                                                                                       |
| --------- | -------------------------------------------------------------------------------------------------------------- |
| `assets`  | This is where all your assets such as images, audio files, font files etc. should go                           |
| `engine`  | The core engine files that make everything work. Updating Monogatari is as simple as replacing this directory. |
| `js`      | This is where you'll set your game configuration and create your game script.                                  |
| `style`   | CSS files for your project (CSS defines the look and style of your game).                                      |

## **Root Directory**

![](https://2138932637-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LYVBeIHKewn3UHMIAHK%2F-MH20pukRDnJHe9je1C1%2F-MH3Bv87Urh52RkLvrCC%2FScreenshot%20from%202020-09-12%2011.29.11.png?alt=media\&token=6349b50a-ac18-4f20-ada8-5fa4a6477808)

Inside the main directory you'll find some pretty useful files.

| File                | Contains                                                                                          |
| ------------------- | ------------------------------------------------------------------------------------------------- |
| `index.html`        | This is your main file, open this file in a browser and there's your game!                        |
| `manifest.json`     |                                                                                                   |
| `robots.txt`        | This file asks crawlers and other bots to keep your assets directory unindexed from web searches. |
| `service-worker.js` | This file defines your service worker, used for asset preloading and caching                      |
| `.htaccess`         | This file provides a basic Apache configuration in case you are using that web server.            |

More about what to do and how to use this specific files will come later as you read the documentation.

**JS Directory**

![](https://2138932637-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LYVBeIHKewn3UHMIAHK%2F-MH20pukRDnJHe9je1C1%2F-MH3JfVJRwx-LNl4wKYX%2Fjs-directory.png?alt=media\&token=6561ff73-6490-454c-9f66-5cf9f2d91d04)

JavaScript is the programming language you'll be using in Monogatari, it is what makes all your game work.

| File           | Contains                                                                                     |
| -------------- | -------------------------------------------------------------------------------------------- |
| **main.js**    | If you want to add more javascript, this is the file to do it!                               |
| **options.js** | Initial settings of your game and engine settings.                                           |
| **script.js**  | The main script of your game. (Here's where your story, characters, images etc are declared) |
| **storage.js** | This is where you'll declare your custom variables that you want to save in your games.      |

**Style Directory**

![](https://2138932637-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LYVBeIHKewn3UHMIAHK%2F-MH20pukRDnJHe9je1C1%2F-MH3JiyBpwckdRf32cFJ%2Fstyle-directory.png?alt=media\&token=8e95491c-7fc7-482f-9030-efc41d474926)

CSS is the markup language used to style your game, from setting colors to improving the appearance, CSS is what will allow you do them all. 

| File         | Contains                       |
| ------------ | ------------------------------ |
| **main.css** | Add your styling in this file. |