Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/davidhu2000/youtube_desktop

The desktop Youtube Application built using Electron. (In development)
https://github.com/davidhu2000/youtube_desktop

electron javascript react redux webpack youtube youtube-api youtube-desktop

Last synced: about 2 months ago
JSON representation

The desktop Youtube Application built using Electron. (In development)

Awesome Lists containing this project

README

        

# Youtube Desktop

[![CircleCI](https://circleci.com/gh/davidhu2000/youtube_desktop.svg?style=shield)](https://circleci.com/gh/davidhu2000/youtube_desktop)
![license](https://img.shields.io/github/license/davidhu2000/youtube_desktop.svg)
[![Code Triagers Badge](https://www.codetriage.com/davidhu2000/youtube_desktop/badges/users.svg)](https://www.codetriage.com/davidhu2000/youtube_desktop)

[![dependencies Status](https://david-dm.org/davidhu2000/youtube_desktop/status.svg)](https://david-dm.org/davidhu2000/youtube_desktop)
[![devDependencies Status](https://david-dm.org/davidhu2000/youtube_desktop/dev-status.svg)](https://david-dm.org/davidhu2000/youtube_desktop?type=dev)

![Home Page](/docs/images/home_page.png)

A desktop client of [youtube](https://www.youtube.com) that allows the user to browse the site without the need of a browser.

## Demo

This project is still currently in development. A link will appear here upon our first release.

## The Application

#### The Search Page

![Search Page](/docs/images/search_page.png)

#### The Video Page

![Video Page](/docs/images/video_page.png)

#### The OmniAuth Page

![OAuth Page](/docs/images/oauth.png)

## Response Design

This app is built with responsiveness in mind. Multiple break points are set to render different contents at different window widths.

![responsiveness](/docs/images/responsive.gif)

## Contribute

We'd love to get contributions from you! Please take a look at the [Contribution Readme] to see how to get your changes merged in.

[Contribution Readme]: CONTRIBUTING.md

## Technologies

- [Electron](https://electron.atom.io/) - Electron allows for building cross platform desktop applications using JavaScript, HTML, and CSS
- [ReactJS](https://facebook.github.io/react/) - A JavaScript framework for building user interfaces that efficiently update and render components.
- [Redux](http://redux.js.org/) - A state management framework that utilizes unidirectional data flow.
- [Webpack](https://webpack.github.io/) - A module bundler that takes module with dependencies and creates static assets.
- [Youtube API](https://developers.google.com/youtube/) - API that provides all the data required to build this app.

## Future Features

- Allow signed in user to upload videos, add comments, etc.
- Add autoplay and allow user to play video in the background with the browser window closed.
- Add support to minimize video player to allow for navigation during playback.

## Team

### Core Members

[![David Hu][pic_dh]][git_dh] | [![Alex Sherman][pic_as]][git_as] | [![Carson Judge][pic_cj]][git_cj] | [![Kevin Nguyen][pic_kn]][git_kn] | [![Raymond Lee][pic_rl]][git_rl] | [![Katarina Ross][pic_kr]][git_kr]
:------------------:|:-----------------------:|:-----------------------:|:----------------------:|:---:|:---:
[David Hu][git_dh] | [Alex Sherman][git_as] | [Carson Judge][git_cj] | [Kevin Nguyen][git_kn] | [Raymond Lee][git_rl] | [Katarina Rossi][git_kr]

[pic_dh]: https://avatars2.githubusercontent.com/u/15827041?v=3&s=200
[pic_as]: https://avatars0.githubusercontent.com/u/19175984?v=3&s=200
[pic_cj]: https://avatars3.githubusercontent.com/u/22506482?v=3&s=200
[pic_kn]: https://avatars0.githubusercontent.com/u/15253174?v=3&s=200
[pic_rl]: https://avatars3.githubusercontent.com/u/20022799?v=3&s=200
[pic_kr]: https://avatars2.githubusercontent.com/u/18646575?v=3&s=200
[git_dh]: https://github.com/davidhu2000
[git_as]: https://github.com/asherman-ca
[git_cj]: https://github.com/cjudge1337
[git_kn]: https://github.com/nguyenkevin16
[git_rl]: https://github.com/rlee0525
[git_kr]: https://github.com/dischorde

### Contributors

- [kuldeepsidhu88](https://github.com/kuldeepsidhu88)