Angular 4 is small & fast with improved AOT support. It supports the new versions of Typescript (version 2.1 & 2.2), which improves speed and type checking in your Angular application. In this article, we will highlight 5 best OpenSource Angular 4 projects, you can learn a lot from these projects.


1 –  SB Admin Dashboard

SB Admin is one of the best open source project created in Angular 4. Sb Admin Dashboard App is built using Angular 4 and Bootstrap 4. This project is a port of the famous free admin Bootstrap theme, SB Admin v4.0 to Angular4 theme.

angular 4 opensource project

This project Provides fast, reliable and extensible starter for the development of Angular projects.

2 – Real-time Server Monitor App

Real-time server monitor allows you to observe some OS parameters such as free memory available. This app uses the NodeJS, Angular 4 and Chart.js.

Angular 4 project

3 – Poetry-buddy

Poetry buddy is a web application that helps you write rhyming couplets by making rhyme suggestions as you type. The project uses the Datamuse API to fetch rhymes.

angular 4 opensource project

    View On Github   

4 – Bus Fare Comparison App

This app uses goibibo API to fetch bus ticket price. It is built using Node.js & Angular 4. You can select the origin and destination along with departure and return date. You may also select the one way or round trip. After submitting the form it will search the goibibo database to return the results according to the query submitted.

angular 4 opensource project

The search results are then displayed as below


5 – Kanban  Board

A Kanban board is a work and workflow visualization tool that enables you to optimize the flow of your work. A basic Kanban board has a three-step workflow: To Do, In Progress, and Done.


You Can Create More Awesome Apps Like These

Most of examples in this article were created using Angular IDE. The Angular IDE by Webclipse is built specifically for Angular 2+. It is  simple for beginners; powerful for experts. It is Available as a stand-alone IDE, as part of their Eclipse plugin suite, Webclipse, or part of their robust, Full Stack IDE, MyEclipse 2017

This IDE supports advanced editing of TypeScript 2.0  which improves your development effectively. Some cool features of Angular IDE are Listed Below.

  • Real-time validation and display of errors as you type code.
  • Auto-completion of code across your project.
  • Syntax-aware source colouring and occurrence highlighting.
  • Block and full-file formatting with advanced settings.
  • Integrated support for TypeScript debugging
  • Built first for tsconfig.json management.