chaabni/ng2challenges

Challenges to help you learn and understand the evolving Angular2 Framework.

#Coding Projects Wiki for Angular2

I've found one of the best ways to struggle through a new framework is by trying out lots of basic demos, and looking at how other coders approach similar situations. Help contribute. Create your own challenges by adding a wiki page.

Challenges

TodoMVC TodoList

Create the iconic TodoMVC Todo List in Angular 2.

TweetBox

Create a working TweetBox.

Star Rater

★★★☆☆ Create a dynamic star rater.

Chat

Create a chat client.

Tabs

Make styled tabs.

Login Form

Build a login form using Angular 2 Forms

Search Filter

Build a real-time search filter.

Hierarchical Family Tree

Build a model to understand how Injectors & hierarchy work in Angular 2 (@Ancestor, @Parent, @Children, @Descendants).

About

I've created a series of challenges, and feel free to add your own. Challenges include javascript setup, css styles and comments to explain and help.

The documents are fully editable. Fork your solution, complete or incomplete, and post the link to your solution below the challenge. The key to learning is to struggle, but struggling too much doesn't do any good. These solutions can help, letting other people see how what approaches or new features you used to reach different results.

Suggested solution posting format:

* ★★★☆☆<br> <!--completeness of solution-->
  [Demo Name](plnkr.co/link)<br>
  version: alpha-20
  YYYY-MM-DD Name/@twitter<br>
  Comments