Hulu Clone
This project was generated with Angular CLI version 1.6.5.
Description
This project is a faithful clone of the Hulu website, built with Angular. Project is deployed via firebase at https://hulu-clone.firebaseapp.com/
Specs
Home Page (Logged Out)
- Splash page with welcome image and content
- Ability to Log In / Start Free Trial
- Section with features to entice users to sign up
- Section to select your plan to sign up
- Start free trial section near bottom of the page
- Footer with links to info sections
Home Page (Logged In)
- Navigation Bar to traverse website
- Search functionality in nav bar
- Ability to sign in/out in nav bar
- Hero/Masthead containing featured content
- Watchlist containing content that has been saved by the user
- Top Picks section containing recommended content
- Hulu Originals section containing content specifically produced by Hulu
- Exclusively on Hulu section containing exclusive content
- Themed section based on the season: Eg. "Summer TV Marathon"
- Popular Shows section based on the popularity of content site-wide
- Popular Movies based on the popularity of content site-wide
- New Seasons section based on new seasons of TV programs
- Popular Episodes section based on popular specific TV episodes
- Trending Clips section with popular clips
- Popular networks sections with logos for the available networks
- Bottom of the page Navigation section
- Footer with links to info sections
Video Player Page
- When the user decides to watch something, this will be the page that displays
- Navigation bar matching home page
- Video section with movie player and information
- Section for Episodes, Clips, and Recommendations based on current program
- Comments section integrated via Facebook plugin
- Footer matching home page
Development 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.
Code scaffolding
Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.
Build
Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.
Running unit tests
Run ng test to execute the unit tests via Karma.
Running end-to-end tests
Run ng e2e to execute the end-to-end tests via Protractor.
Further help
To get more help on the Angular CLI use ng help or go check out the Angular CLI README.