Giter VIP home page Giter VIP logo

videoapp's Introduction

VideoApp

The VideoApp - an application that helps you with creating and storing your personal video list
LIVE -> VideoApp

About

This project was generated with Angular CLI version 12.1.0.
License: ISC.
It uses local storage.
YouTube and Vimeo API requests are handled by Node server built with use of Express -> video-app-server

Run Locally

  1. Clone the project
  git clone https://github.com/ZibiH/VideoApp.git

or fork it and then use your own link

  1. Go to the project directory
  cd video-app
  1. Install dependencies
  npm install
  1. Start the 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.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Features

  • Add video to list by url or id - works with public YouTube and Vimeo videos

    imgur

  • Sort the video list by: view count, like count, add to base date

    Imgur

  • Add to favorites and show favorites only

    Imgur

  • Change display style: list or tiles

    Imgur

  • Delete video from list

  • Delete all videos

    Imgur

  • Upload demo (the default video list) - only available when the video list is empty

    Imgur

videoapp's People

Contributors

zibih avatar

Watchers

 avatar

videoapp's Issues

#4 [Playlist] Action buttons

Action buttons hidden (as default) when showing the preview.
Add functionality to show action buttons on 'playlist' route

#5 [Video-item] Action buttons functionality

Action buttons:

  1. Favourties - toggling method (the icon should be with the accent color when added to favourites list)
  2. Play - open a modal with selected video
  3. Delete - remove selected video from the storage

#13 [Playlist] Fix video-list auto-refresh bug

The video-list refreshes to the default order after adding/removing from the favorites list.
The video component shouldn't be updated after every of those actions. It can be maintained locally.

#3 [Playlist] Dislpay options (list, tiles)

Add functionality to the list and tiles buttons

  • list item height depends on the viewport
  • tile item: should be one tile on a phone, 2-3 tiles on a tablet and 3-4 tiles on a desktop view.

#6 [Playlist] Paginator

Add paginator to the playlist.
It should be 5 videos shown as default.
Optional: 5, 10, 20 videos.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.