Stream Flix
Building a responsive website
This particular site was designed around a movie style library that users can access movies, similar to youtube/netflix. The aim was to build a responsive website by only using hard code
The site was built using HTML, CSS, PHP, Java Script and using the Bootstrap framework to allow the site to be responsive to different screen sizes
Please note: This project is Academical
Desktop
Tablet
Mobile
Features
Tabs used to filter movie ratings
Each tab was linked to the ID of each rating
So for example when the user clicked on the 18 rating the page would scroll down to the 18 rating movies
Movie carousel images
Using HTML and JS the carousel would scroll automatically or the user can manually scroll
Movie information on hover
Using JS and CSS the movie would show the information when hovered over
Sign up form
Using HTML form and an attached PHP file that proccessed the valiadation and error handling
Shop page
Using JS building a shop page that would show basket and invoice details
FAQ’s
Built using HTML and JS into an accordian style section
