Ashish Singh
Jan 21, 2017 · 6 min read

A comprehensive list of 10 awesome applications built with latest angular framework.

I have come across some lists on open source angular 2 repositories but most of the times those lists contain libraries built for angular 2. I think that’s not a very good fit for the list I am trying to curate here. In this list you’ll only find applications built with latest version of Angular.

If you think you have any suggestions regarding this list I highly encourage you to comment in the comments section and I’d look into it. Additionally I have a spot for that.

So here we go!!!

All the application listed below are applications you can download and start playing with. They all are built using angular version greater 2.0

#. AngularSpree

AngularSpree is a plug and play front-end application for Aviacommerce framework built with technologies such as Angular 6+, Redux, Observables & ImmutableJs.

What’s working and ready to be deployed?

  • Select/Clear filters based on category.
  • Product management.
  • Cart checkout feature.
  • Payubiz and COD.
  • Authentication
  • Advanced SEO with Angular Universal support.
  • Payment options credit/debit cards.

If you want to get started with this project please checkout installation guide.

Update: This project is now a part of aviacommerce project.

1. Youtube Echoes player

Echoes is a great youtube player developed by Oren Farhi. It’s fun & easy to listen or watch videos from youtube with Echoes. What if youtube was designed to be used as music player? This repository is an implementation of Echoes Player with angular 2 — It’s still a work in progress aimed at learning angular 2.

Pros: IMO this is by far the best angular code I’ve seen, he is even playing around with zone.js.

2. Yatrum

Yatrum — Share and Discover Travel Stories, Itineraries, Travel Guides.

Yatrum is a full fledged application in production. This app is a travel diary app for travellers. Travellers can create itinerary of trips. This application utilises @ngrx/store to manage the state of the app; @angular/router to manage navigation between routes; @ngrx/effects to isolate side effects.

Uses @ngrx libraries, showcasing common patterns and best practices. You can find the live app here. Code can be found on github.

Backend code in written in Ruby on Rails and is also open source on github

The iOS application for this project is open sourced on Github too.

3. Example app by ngrx team

Example application utilising @ngrx libraries, showcasing common patterns and best practices. You can find the live app here.

This app is a book collection manager. Using the Google Books API, the user can search for books and add them to their collection. This application utilises @ngrx/db to persist the collection across sessions; @ngrx/store to manage the state of the app and to cache requests made to the Google Books API; @angular/router to manage navigation between routes; @ngrx/effects to isolate side effects.

4. AngularHunt

An application which lists all the new open source angular products.

You can find the application live here.

This application uses firebase as its backend service and is also hosted on firebase.

This application utilises @ngrx/store to manage the state of the app; @angular/router to manage navigation between routes; @ngrx/effects to isolate side effects.

AngularHunt home page

5. Cyph

Completely private voice and video chat.

Cyph is a secure communication tool designed to be extremely friendly for users of any technical skill level, providing such features as video calling and file transfers to both individuals and businesses.

The major advantage of Cyph over alternatives is that it can run right in your browser. Having solved this problem (see #1 below) gives Cyph a uniquely smooth user onboarding experience — just open the website, no app install required — and also enables simple API integrations such as Hint’s telehealth implementation through our cross-language SDK.

Cyph dashboard

6. Chat App by ng-book team

This repo shows an example chat application using RxJS and Angular 2. You can find the app live here. The goal is to show how to use the Observables data architecture pattern within Angular 2. It also features:

  • Webpack configuration with TypeScript, Karma, SCSS, and tslint
  • Writing async components that work with RxJS
  • How to write injectable services in Angular 2

7. Hacker News progressive app

A progressive Hacker News client built with Angular. This application is complete with test cases so, that’s a big plus plus.

desktop preview

8. Code.gov

Federal Source Code policy implementation.

Code.gov is a website promoting good practices in code development, collaboration, and reuse across the U.S. Government. Code.gov will provide tools and guidance to help agencies implement the Federal Source Code Policy. It will include an inventory of the government’s custom code to promote reuse between agencies and will provide tools to help government and the public collaborate on open source projects.

You can read more about it in this blogpost.

9. Pinterest clone

A pinterest type clone for bloggers.

Application utilising @ngrx libraries, showcasing common patterns and best practices. You can find the live app here.

10. ReDoc

📘 OpenAPI/Swagger-generated API Reference Documentation

The awesome application is live here.

Personally I really liked their coding style and also since its a production application there is so much to learn from it. I recommend checking their code.

I am looking for suggestions for this list if you have any, I keep updating this list with new and better open source applications from time to time.

I am looking forward to some cool suggestions in the comments section.

Shameful product promotion but it’s worth your time.

Teracommerce is the most scalable and complete e-commerce bundle ever built using the best in class open source e-commerce solutions like spreecommerce and angularspree. It provides end-to-end solution for your online storefront and your backend warehouse needs.

If you liked this article, click the 💚 below so that it reaches more people her on medium.

For more musings about programming, follow me here or on twitter so you’ll get notified when I write new posts.

Aviabird

Aviabird Technologies provides enterprise software consulting in Angular, Rails, Elixir, Golang, React, Flutter and other technologies.

Ashish Singh

Written by

Sky is the Limit

Aviabird

Aviabird

Aviabird Technologies provides enterprise software consulting in Angular, Rails, Elixir, Golang, React, Flutter and other technologies.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade