Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vsavkin/angulardart-sample-app

A sample Web application built using AngularDart
https://github.com/vsavkin/angulardart-sample-app

Last synced: 4 months ago
JSON representation

A sample Web application built using AngularDart

Awesome Lists containing this project

README

        

# Talk to Me

## Dart and AngularDart

`Dart` is a new platform for Web development that includes a language, tools, and libraries. `AngularDart` is a framework that enables building rich client-side applications.

## Goal

The goal of this project is to be a sample application that can help you get started with `AngularDart`. I began working on it a few days ago to learn the framework. And since there is not much documentation about `AngularDart`, I decided to make it public, so others can benefit from it.

## Learn About AngularDart

* [AngularDart for AngularJS Developers. Introduction to the best Angular yet.](http://victorsavkin.com/post/72452331552/angulardart-for-angularjs-developers-introduction-to)
* I found [AngularDart tutorial](https://angulardart.org/tutorial) extremely useful. Check it out.

## Work in Progress

The project is still very much a work in progress.

## Done

* Controllers, Components
* Routing
* HTTP
* Configuring injectables
* Using scopes for message passing

## Try It

[http://vsavkin.github.io/angulardart-sample-app/app.html](http://vsavkin.github.io/angulardart-sample-app/app.html)

## Problems

If you have any data in your local storage the application may not work as expected. To fix it run the following command in the browser console:

`window.localStorage.clear()`

## To do

* Validations
* Application state management
* Shadow DOM
* Use factory, value, CreationStrategy, and Visibility

## Index

* Building components => `agenda.html`, `agenda_item.html`, `agenda_component.dart`, `agenda_component_input.dart`
* Building decorators => `toggle.dart`, `agenda_item_text_input.dart`
* Setting up route (including default) => `app_route_initializer.dart`
* Nested routes and nested views => `list.html`, and `app_route_initializer.dart`
* Using RouteProvider => `show_call_ctrl.dart`
* Using formatters => `agenda.html` and `list.html`
* Registering components, controllers, and other injectables => talk_to_me.dart
* Creating services => `parse_agenda_item.dart`, `storage.dart`
* Using the Http service => `users_repository.dart`
* Configuring injectables => `global_http_interceptors.dart`
* Using scopes for message passing => `messages.dart` and `global_alert_component.dart`
* Testing => All files in `test/unit`

# Credits

* Victor Savkin
* Seth Ladd
* Pavel Jbanov
* Patrice Chalin
* Adam Singer