# Examples

Examples can help to show some good patterns for creating elegant apps. These are currently available:

### [Testdrive](https://github.com/flutter-view/examples/tree/master/testdrive)

<div align="center"><img src="https://1044685232-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LRHVDDIma_3N68abufD%2F-LSjGOM5Aa3GKWCEWGBY%2F-LSjGZ8SD53ojyudzHYE%2FScreen%20Shot%202018-12-02%20at%202.53.13%20PM.png?alt=media&#x26;token=7ee579ba-4aca-42e2-a40e-e530c4fe8128" alt=""></div>

This is the **getting started project** as explained in the[ test drive chapter](https://docs.flutter-view.io/get-started/test-drive) of the documentation. It shows a simple hello world using pug and sass.

### [Counter](https://github.com/flutter-view/examples/tree/master/counter)

![](https://1044685232-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LRHVDDIma_3N68abufD%2F-LSlCEuPPoYbMZ9fBta4%2F-LSlCnKhlmxhF5InILuI%2FScreen%20Shot%202018-12-03%20at%2012.16.29%20AM.png?alt=media\&token=0f73abc1-0c9c-4648-9e36-bd68d1fd09ed)

A flutter-view version of the Flutter starter project. It uses the **reactive** tag and the [flutter-view-tools library ](https://pub.dartlang.org/packages/flutter_view_tools)for responding and updating the count.

Instead of having the counter state in the widgets, it is kept in the application model, and the HomePage flutter-view listenes to the model and updates itself when the user presses the + button.

### [Todolist](https://github.com/flutter-view/examples/tree/master/todolist)

![](https://1044685232-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LRHVDDIma_3N68abufD%2F-LSlCEuPPoYbMZ9fBta4%2F-LSlCnKfJHe19culk9cY%2FScreen%20Shot%202018-12-03%20at%2012.18.00%20AM.png?alt=media\&token=63a66832-02e3-42f3-b214-51fcb6917674)

An example of how you can build a simple todo app using flutter-view and the [flutter-view-tools library](https://pub.dartlang.org/packages/flutter_view_tools). It separates the app model from the page model. This is a structure that can scale as your app grows and you add more pages. The [Writing Reactive code](https://docs.flutter-view.io/guide/writing-reactive-code) chapter builds this app step by step.