> 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

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).

![](/files/-MBaJFK8dOHTcXBdddo5)

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

![](/files/-MBaJIaQZBAOseyMBHcC)

### 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).

![](/files/-MBaJfmXfbncfOg6V7-w)

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