# Translations

<figure><img src="https://955745581-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5zo7QvF2Wko9f29upL6y%2Fuploads%2Fe5rPC3BaszIZft91K44s%2FCleanShot%202024-04-27%20at%2010.19.18%402x.png?alt=media&#x26;token=b0d09ac9-8d0c-433d-890c-725f1082f3cb" alt=""><figcaption><p>Moko resources folder</p></figcaption></figure>

AppKickstarter leverages [Moko resources](https://github.com/icerockdev/moko-resources) to manage translations.

In shared module, in commonMain, there is a moko-resources folder.

In this folder there are base localization, all the localizations you want (here fr), images and fonts.&#x20;

All the resources here are bundled in the target platform (Android, iOS, etc).

### Define XML key values

Base strings.xml:&#x20;

```
<resources>
    <string name="login">Login</string>
    <string name="signup">Create an account</string>
</resources>
```

French strings.xml:&#x20;

```
<resources>
    <string name="login">Se connecter</string>
    <string name="signup">Creer un compte</string>
</resources>
```

### Access in shared code or every where in the project

Use SharedRes.strings to access localizations:

```
Button(onClick = { login() } {
    Text(SharedRes.strings.login)
}
```