mirror of
https://github.com/noodlapp/noodl-docs.git
synced 2026-01-11 14:52:54 +01:00
* Feat: Add notices of creating empty git repos * Feat: remove references to workspaces and cloud and add notices of old videos
27 lines
1.4 KiB
Markdown
27 lines
1.4 KiB
Markdown
---
|
|
hide_title: true
|
|
title: Custom Survey App Build Along
|
|
---
|
|
|
|
# Custom Survey App Build Along
|
|
|
|
In this three parts video series, Johan walks your through the creation of a simple Survey App. This build along mainly covers **Navigation**, **styling of components** and how to create more advanced **custom components**.
|
|
|
|
You can import the full project [here](/library/examples/survey-app).
|
|
|
|
:::note
|
|
These videos are from a deprecated commercial version of Noodl and include some features not present in the open source version, notably workspaces and built-in Git hosting
|
|
:::
|
|
|
|
## Part 1 - Navigation & Components
|
|
|
|
<iframe width="560" height="315" src="https://www.youtube.com/embed/ntKTCC7eEk0" title="YouTube video player" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen></iframe>
|
|
|
|
## Part 2 - Styling Interaction States
|
|
|
|
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/720U1pZqWJg" title="YouTube video player" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen></iframe>
|
|
|
|
## Part 3 - Advanced Custom Components
|
|
|
|
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/ZiEddnfPrx8" title="YouTube video player" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen></iframe>
|