10 Amazing open source angular > 2.x apps
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.
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.
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.
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.
