Skip to content

Complete Basic Youtube Clone #202

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ccm36 wants to merge 20 commits into
base: master
Choose a base branch
from
Open

Complete Basic Youtube Clone #202

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
6dd4916
Initial commit
ccm36 Feb 1, 2018
1a56fd9
Restructure project folders and add dependencies
ccm36 Feb 1, 2018
a9a10d4
Update README
ccm36 Feb 1, 2018
68bbbce
Render index.js to page
ccm36 Feb 1, 2018
8d7ed0f
Create Search component and add to page
ccm36 Feb 1, 2018
869e734
Refactor SearchBar component into a class
ccm36 Feb 1, 2018
f90b00d
Add state to SearchBar and update on input change
ccm36 Feb 1, 2018
91766bf
Live update state from search input
ccm36 Feb 1, 2018
d65f2c6
Successfully test YouTube API key
ccm36 Feb 1, 2018
83eb350
Add VideoList and pass videos prop
ccm36 Feb 1, 2018
9582e97
Add Videos to VideoList and display API info
ccm36 Feb 2, 2018
13cc8e6
Add VideoDetail as a functional component
ccm36 Feb 2, 2018
8b2eb81
Implement and render Video Player
ccm36 Feb 2, 2018
21707fb
Render selectedVideo to VideoPlayer
ccm36 Feb 2, 2018
e63ed56
Add preliminary styling
ccm36 Feb 2, 2018
f1233c2
Search videos on each input change
ccm36 Feb 2, 2018
191d7db
Create delayed reload to search input
ccm36 Feb 2, 2018
f7039ed
Refactor style
ccm36 Feb 13, 2018
25ec24b
Merge pull request #1 from ccm36/cameron
ccm36 Feb 13, 2018
a49a707
Merge pull request #2 from ccm36/master
ccm36 Feb 13, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,3 +6,6 @@ npm-debug.log
# IntelliJ
*.iml
/.idea

# API Keys
src/config.js
21 changes: 0 additions & 21 deletions LICENSE.MD
View file
Open in desktop

This file was deleted.

19 changes: 3 additions & 16 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,23 +1,10 @@
# ReduxSimpleStarter
# ReactYoutubeClone

Interested in learning [Redux](https://www.udemy.com/react-redux/)?
A Youtube clone that accesses the Youtube API to dynamically render the videos using React

### Getting Started

There are two methods for getting started with this repo.

#### Familiar with Git?
Checkout this repo, install dependencies, then start the gulp process with the following:

```
> git clone https://github.com/StephenGrider/ReduxSimpleStarter.git
> cd ReduxSimpleStarter
> npm install
> npm start
```

#### Not Familiar with Git?
Click [here](https://github.com/StephenGrider/ReactStarter/releases) then download the .zip file. Extract the contents of the zip file, then open your terminal, change to the project directory, and:
To get started, clone or fork the repo and then:

```
> npm install
Expand Down
Loading