##Tuber #####Search/Filter/Sort YouTube Videos Instantly

###Live Demo Visit Tuber online!

###Technologies Used

• React
• React Router
• Flux
• Bootstrap
• YouTube API v3
• Firebase

###SETUP:

• Fork this repo and clone your fork
• run npm install
• run webpack -w to build and watch
• run webpack-dev-server to run app locally.
• go to http://localhost:8080/public

For reference the final folder structure should look something like this:

###Code Architecture

├── app/
│   ├── App.js
│   ├── actions
|   ├── ├── SearchActions.js
|   ├── components/
|   ├── ├── SearchBar/
|   ├── ├── ├── SearchBar.js
|   ├── ├── ├── SearchResultsContainer.js
|   ├── ├── ├── Register.js
|   ├── ├── Table/
|   ├── ├── ├── Columns/
|   ├── ├── ├── ├── Created.js
|   ├── ├── ├── ├── Id.js
|   ├── ├── ├── ├── Image.js
|   ├── ├── ├── ├── Title.js
|   ├── ├── ├── ├── Views.js
|   ├── ├── ├── Table.js
|   ├── ├── ├── TableContainer.js
|   ├── ├── ├── TableFilterBar.js
|   ├── ├── ├── TablerHeader.js
|   ├── ├── ├── TableRow.js
|   ├── ├── Main.js
|   ├── config/
|   ├── ├── routes.js
|   ├── constants/
|   ├── ├── AppConstants.js
|   ├── dispatcher/
|   ├── ├── AppDispatcher.js
|   ├── stores/
|   ├── ├── SearchStore.js
|   ├── utils/
|   ├── ├── Helpers/
|   ├── ├── ├── helpers.js
|   ├── ├── SearchYouTubeUtils.js
├── public/
│   ├── index.html
|   ├── css/
│   ├── ├── mains.css
├── webpack.config.js
├── package.json
├── README.md
├── .gitignore