# Step by step app

This example will showcase registering the most common watchers and how to use them, step by step.

**IMPORTANT**: At the time of this writing, this example simply showcases the steps to build an app, but it is meant to run only in the simulator, as fruits is not a neural network we currently provide.

It will be provided in the future, with oranges, lemons and limes at first, and the app adjusted to take into account the varying sizes of the physical elements. Right now, the size isn't taken into consideration.

* [What we'll build](/application-development/step-by-step/end-result.md)
* [Environment Setup](/application-development/step-by-step/environment-setup.md)
* [Styling](/application-development/step-by-step/styling.md)
* [HTML Structure](/application-development/step-by-step/html-structure.md)
* [NeuralNetworkClassifier](/application-development/step-by-step/initialize-nnc.md)
* [MovementBasedSegmenter](/application-development/step-by-step/initialize-mbs.md)
* [Final step](/application-development/step-by-step/final-step.md)
* [Extras](/application-development/step-by-step/extras.md)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://api.lampix.co/application-development/step-by-step.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.