# AngularDart Tutorial: Let’s Build a Bookmark Manager (Part 1)

In this video series we will be looking at the AngularDart framework, building a Bookmark Manager to store our favourite clippings from the web. This single page app will allow us to perform the usual CRUD operations. At the end of this video, we will have the skeleton for our app, displaying a list of bookmarks with delete functionality.

## **Setup**

Assuming you have Dart installed, add the [**stagehand**](https://pub.dartlang.org/packages/stagehand) dependency by running:

```bash
$ pub global activate stagehand
```

Create the directory in which you wish to generate the files and folders for your dart project and run the associated commands:

```bash
$ mkdir bookmark_manager && cd bookmark_manager
$ stagehand web-angular
```

Update your dependencies and you are good to go!

```bash
$ pub get
```

%[https://youtu.be/9X88k6kTuNw] 

[Watch on YouTube](https://youtu.be/9X88k6kTuNw)

[Get the source code](https://github.com/graphicbeacon/angulardart-bookmark-manager)

## **Further reading**

1. [**AngularDart Guide**](https://webdev.dartlang.org/angular/guide)
    
2. [Auto-Generate the scaffolding for your next project](http://localhost:8080/generate-the-scaffolding-for-your-next-project/)
    
3. [**Get started with Dart** Egghead.io course](https://egghead.io/courses/get-started-wtih-dart)