# Create the project

{% hint style="info" %}
In this CookBook we assume that you've already downloaded Goril.app Studio, created an account, setup the environment and logged yourself.

If not, refer to the page [setup](https://docs.goril.app/setup "mention") 
{% endhint %}

1. After you logged yourself, a **Project List** window will appear.
2. Click on **Add Project ,** fill the **Project Name** then click on **Save**.
3. The **Architect** page appears with a default Counter app.

<figure><img src="https://2361990732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FruhMqqOvKXgZPke0Ehds%2Fuploads%2F8AoEQyX2yWK5tuhlq4jj%2FCleanShot%202023-06-06%20at%2008.56.51.gif?alt=media&#x26;token=f93144c4-b75d-47c4-8d2f-ecb349e21470" alt=""><figcaption><p>Create the ToDo project</p></figcaption></figure>

{% hint style="info" %}
In the **Setup** you've set a workspace folder. You can navigate through it and see that Goril.app Studio have generated the source code of the project. It is a classic Flutter project : you can open and run it in Android Studio to check.
{% endhint %}

Before starting to develop the ToDo application, we need to clean the default Counter app and configure the project.

1. In the **Explorer** section click on the **HomePage** top widget and in the **Settings Panel** delete the **counter** observable.
2. Right click on the **Center** widget and **Delete** it.
3. Click on the **Text** widget in **Scaffold>AppBar>Title** and in the **Settings panel** change the Text to "My tasks".
4. Click on the Floating Action Button **Fab** widget and in the **Settings panel** add "addTaskButton" in the **Name** field. Open the [action-flow-editor](https://docs.goril.app/main-pages/action-flow-editor "mention") of the widget and delete the **Increment** action.
5. Click on the [custom-code](https://docs.goril.app/main-pages/custom-code "mention") tab and delete the **addition** custom function, we will not use it in this application.

If you come back to the **Build** tab, you should have the same thing as shown below.

<figure><img src="https://2361990732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FruhMqqOvKXgZPke0Ehds%2Fuploads%2FLI2b79pPI5SfGWlFKflO%2Ftodo_architect.png?alt=media&#x26;token=27b505d1-0240-4711-a933-29e0eb4cb607" alt=""><figcaption><p>ToDo project setup</p></figcaption></figure>

{% hint style="info" %}
You can at anytime run the application on a simulator or a real device by clicking on the run button on the right of the top bar.
{% endhint %}

You are now ready to start the ToDo project, we will see next how to create a model that you can use everywhere in the application and associate it to the **Local State.**

{% content-ref url="create-the-task-model" %}
[create-the-task-model](https://docs.goril.app/cookbook/my-first-application/create-the-task-model)
{% endcontent-ref %}