Video Content Platform for Web with Angular 6 Steps to run and relevant design Consideration
As said I have tried the task with Angular The Application code has two components : 1. Video-list: displays the list 2. Video-detail: displays the details of each video Here are the steps to run the program:
- Down the project from the repository,
- Open the project on command-line : Run npm install,
- Run ng serve,
- The project gets loaded on localhost:4200. I addressed this requirements of the task in Angular: Video Library List
- No videos with
active
set tofalse
should be shown: implemented - The list must be searchable (or filtered in-place) by simple plain text entry and match text at minimum in the video
title
. : implemented - Videos in the list must at minimum display the thumbnail, title and running time. But feel free to be creative: implemented
Video Detail
- The detail page for a video should show the video’s title and description. : implemented
- A video player should be included to play the video.
react-hls
orreact-player
(or any working HLS implementation of your choice): Implemented with Videogular2
Design
- The user experience does not need to be an impressive visual one, but we should be able to navigate the application effectively: It’s not an impressive UI, I can make it with bootstrap which I wanted but it was not the main focus I did not invest much time.
Other important information:
- Properties in the JSON beginning with
base
may be disregarded. - Videos are supposed to be in Spanish. : Taken into consideration and disregarded. Things we love to see:
- Commit history: considered &implemented
- Tests: implemented
- README with instructions on how to run the application and explain any relevant design considerations. : considered and done