/echoes-player

Echoes Player: Media Player for Youtube - Built with Angular, ngrx, Angular CLI, Boostrap (SASS), Youtube api

Primary LanguageTypeScriptMIT LicenseMIT

Build Status Code Climate

Echoes Player - Angular Version (2nd Generation)

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).

Echoes Player is also available as a Chrome Application

It can be regarded as the Media Player experience for youtube listening pleasure.

Webpack and Angular 4

Angular Consulting Services at Orizens

I'm a Senior Javascript Engineer & A Front End Consultant. My services include:

  • consulting to companies and startups on how to approach code in their projects and keep it maintainable.
  • I provide project bootstrapping and development - while afterwards, I integrate it on site and guide the team on it.

Contact Me Here

Webpack and Angular

Tech Stack

Included ngrx solutions:

Included Technologies & Libraries

EchoesPlayer

This project was generated with Angular CLI version 1.0.0.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive/pipe/service/class/module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Build for Production

Run npm run build:prod to build the project minified for production with AOT.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor. Before running the tests make sure you are serving the app via ng serve.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

Bundle analyze explorer

look at issue

  1. make sure npm i source-map-explorer -g
  2. ng build --prod --aot --sm (the sourcemap is for later steps)
  3. cd dist && source-map-explorer A-FILE-WITH-HASH.js