No description available

No description available

music search engine with angular + css + responsive layout

A small music application built with Angular, type catalog with a small search engine.

A generic search engine built in Angular (aptly named "Echo") which allow users to search for music across several audio streaming platforms (i.e. Spotify, YouTube, Napster, etc.)

It is an age of JavaScript Frameworks. We now see the rise and rise of the Single Page Applications. The list of JavaScript frameworks seems to be increase endlessly, making it all the more difficult to choose! Choosing the right JS for the SPA that we are looking to develop, may depend on a variety of points. First let’s ask the question…Why a single page application (SPA)… And the answer is simple… for the most important factor today – the user experience. So in response to any user action, instead of waiting for the server to respond, or an entirely new page to load, as would happen in any traditional server-side web application, JavaScript frameworks enable most of the work to be done on the client side and on a single page, only loading in portions of the page as the user demands them. This makes the site so much more responsive and it almost feels as swift as a native mobile or desktop app. JavaScript frameworks and libraries are also useful in structuring code as most of them are MVC models. One of the most well-known SPA sites is Gmail. Single-Page Applications are built with JavaScript frameworks such as Angular.JS, Ember.js, Back.bone.js, etc. While SEO could be the biggest and most common weakness for these JavaScript frameworks, Google’s search engine has made changes to accommodate for them. Each frameworks has an upside as well as down side, and can be used based on what a specific application needs. Angular.js- binds data with html to give a rich and responsive experience. It comes with a template engine and built-in directives. It has reusable components and also offers ease of unit testing. Angular helps to achieve more with less code, and thus lends well to the maintainability of code, important in large scale applications. Backbone.js- This is one of the earliest accepted frameworks in the foray but may have recently lost some ground to Angular. But if it is a lightweight, un-opinionated framework you are looking for, then Backbone is the right choice. It has a single most dependency on Underscore.js. For simple, light weight apps, where performance is important, this could be the choice. But both Backbone and Angular miss out on server-side rendering, (although there are work around) bringing the disadvantage for SEO. Knockout.js- Using this JS, changes made to UI is automatically reflected without the need of any extra coding. The Knockout.js library is very small, lightweight and easy to use. It is also compatible with other client or server side technology. Ember.js is based on MVC architecture but is one of the heaviest JS framework. Along with that comes a lot of functionality and power too. A lot of the general web-application features are bundled in and developers are free to focus on the prime features. Apple’s iTunes Music is based on Ember.js. So while Backbone allows the developer a lot of freedom of use, Angular does outline a certain boundary of work, but Ember goes a step further in offering more complete solutions. Each framework has its own set of features, and developers can evaluate based on the demands of the application being developed. An article on JavaScript frameworks, wouldn’t be complete without the mention of Node.js – Although this is a server-side framework, it has been one of the torch bearers of the success of JS Frameworks. It has enabled JS developers to complete projects using just one technology, both on the server as well as client. Used by Yahoo, Microsoft and EBay, it brings the platform independent technology to the server!