<p>In the <a target="_blank" href="https://creativebracket.com/angulardart-tutorial-lets-build-a-bookmark-manager-4/">previous tutorial</a> we implemented basic form validation using the <code>NgForm</code> directive with its <code>NgControl</code> counterpart. In this video we will learn how to integrate Firebase as our database for persisting our bookmark entries.</p>
<p>We will create a new project in our Firebase console and use the Firebase Dart package to interact with our online database. We will continue to use the Bootstrap UI library to build our user interface.</p>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://youtu.be/JgQRy6g79l4">https://youtu.be/JgQRy6g79l4</a></div>
<p> </p>
<p><a target="_blank" href="https://youtu.be/JgQRy6g79l4">Watch on YouTube</a></p>
<p><a target="_blank" href="https://github.com/graphicbeacon/angulardart-bookmark-manager">Get the source code</a></p>
<h2 id="heading-further-reading"><strong>Further reading</strong></h2>
<ol>
<li><p><a target="_blank" href="https://webdev.dartlang.org/angular/guide"><strong>AngularDart Guide</strong></a></p>
</li>
<li><p><a target="_blank" href="https://firebase.google.com/docs/database">Firebase Realtime Database Guide</a></p>
</li>
<li><p><a target="_blank" href="https://egghead.io/courses/get-started-wtih-dart"><strong>Get started with Dart</strong></a> <a target="_blank" href="http://egghead.io/"><strong><a href="http://Egghead.io" class="autolinkedURL autolinkedURL-url" target="_blank">Egghead.io</a> course</strong></a></p>
</li>
</ol>


In the [previous tutorial](https://creativebracket.com/angulardart-tutorial-lets-build-a-bookmark-manager-4/) we implemented basic form validation using the `NgForm` directive with its `NgControl` counterpart. In this video we will learn how to integrate Firebase as our database for persisting our bookmark entries.

We will create a new project in our Firebase console and use the Firebase Dart package to interact with our online database. We will continue to use the Bootstrap UI library to build our user interface.

%[https://youtu.be/JgQRy6g79l4] 

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

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

## **Further reading**

1. [**AngularDart Guide**](https://webdev.dartlang.org/angular/guide)
    
2. [Firebase Realtime Database Guide](https://firebase.google.com/docs/database)
    
3. [**Get started with Dart**](https://egghead.io/courses/get-started-wtih-dart) [**Egghead.io course**](http://egghead.io/)

We will learn how to integrate Firebase as our database for persisting our bookmark entries.

AngularDart Tutorial #5: Firebase Integration

Creative Bracket is the go-to Dart resource blog on the Dart language and tools with easy to understand Dart tutorials and videos for your next project.
