Skip to content

Front-end exercise, you are asked to create a page with angular capable of displaying youtube videos, with an history of viewed videos and a bookmark system. The history and the bookmarks should be saved on local storage.

Notifications You must be signed in to change notification settings

Maximo-reliefapps/extended-video-player

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation


extended-video-player

ℹ️ About The Project

Expansion of the original video-player excersice, the code was improved with various additions and a nodeJs backend linked to a mongoDB database was implemented.

Exercise

Take your last version of the Youtube Player. Implement the following improvements (all your components should be called in the app.component.html):

  • Use databinding to set communication between components
  • Use a service to set communication between components
  • Use BehaviorSubject to set communication between components
  • Implement a backend with nodeJs
  • Implement a cache system to allow your application to work without backend connection (this part requires a little thought)
  • Dockerize your youtube application

Built With

(back to top)

🏃 Quick Start

Prerequisites

Installation

  • Clone the repo
  git clone https://github.com/its-a-maxi/extended-video-player.git

(back to top)

⌨️ Usage

  • Navigate to the project folder

  • Run Docker Compose

  docker-compose up

(back to top)

📫 Contact

Maximo Monroy - [email protected]

Project Link: https://github.com/its-a-maxi/extended-video-player

(back to top)

🥇 Acknowledgments

(back to top)

About

Front-end exercise, you are asked to create a page with angular capable of displaying youtube videos, with an history of viewed videos and a bookmark system. The history and the bookmarks should be saved on local storage.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 62.2%
  • CSS 15.0%
  • JavaScript 11.5%
  • HTML 9.0%
  • Dockerfile 2.3%