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

# Edit Code

Learn how to edit code in your Flutter project.

Now that you are able to install the echo3D plugin in your Flutter, it's time to build a project.

### Cloning the Example Project

Clone the [Flutter + echo3D](https://github.com/echo3Dco/Flutter-echo3D-plugin) example project.

Main example code also available [here](https://pub.dev/packages/echoar_package/example).

### Initializing the Project

Import the project dependencies by running the following in the terminal:

```bash
flutter pub get
```

### Adding Content

1\. [Add the 3D content](/web-console/how-to-add-content.md) in the [models](https://github.com/echoARxyz/echoAR-Flutter-Plugin/tree/master/example/models) folder (nyancat.gif and stones.jpg) through the [console](https://console.echoAR.xyz).

![](https://3757500311-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M41BcmqhdFQ3r89wcIR%2F-MBaCJhKC960ZxhCORvw%2F-MBaJFK8dOHTcXBdddo5%2FFlutter%20Demo%201.JPG?alt=media\&token=b8dfb85f-814d-49f7-9a9d-158b7263d113)

2\. [Add a 3D model](/quickstart/add-a-3d-model.md) and choose the suggested sample 3D model of the Arctic Fox.

![](https://3757500311-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M41BcmqhdFQ3r89wcIR%2F-MBaCJhKC960ZxhCORvw%2F-MBaJIaQZBAOseyMBHcC%2FFlutter%20Demo%202.JPG?alt=media\&token=86e3d5c1-cb99-4003-960f-577c4967e3a8)

### Editing Code

Open the `main.dart` file from the [lib](https://github.com/echoARxyz/echoAR-Flutter-Plugin/tree/master/example/lib) folder, and make the following changes:

* Replace `<Your-API-Key>` with your echo3D API key
* Replace `<Stones-Entry-ID>` with the stones image entry ID on echo3D.
* Replace `<Gif-Entry-ID>` with the GIF model entry ID on echo3D.
* Replace `<Fox-Entry-ID>` with the fox model entry ID on echo3D.

You can find the entry IDs on the bottom of the back side of the content cards or [Data page](/web-console/manage-pages/data-page.md).

![](https://3757500311-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M41BcmqhdFQ3r89wcIR%2F-MBaCJhKC960ZxhCORvw%2F-MBaJfmXfbncfOg6V7-w%2FFlutter%20Demo%203.JPG?alt=media\&token=10fbaa4e-feb6-42f7-af6f-960b42aa614a)

**Now your project is ready to go!** 🎉