Home

#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

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 to the Wiki. 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.

Solutions