Title: SQUARE EYES movie streaming website
This project was my first HTML and CSS assignment which has aim of building of a movie streaming website. The end product of this project was a movie streaming website where users could login and purchase different categories of movies with different age categories for entertainment purposes. The project consistuted of different parts and i had to use different languages for the project; at first it was build using mainly HTML and CSS for the first part of it while using downloaded images for the movie posters. We later on incopoerate JavaScript into the project with the use of API endpoint which provided us with new contents that we used for the second part of the project.
The project however presences a responsive good looking site for user with different pages as detailed:
The home page gives a brief overview of the site, the page contains a banner image which serves as a hero image for attractiveness for the users of the site. The page also contains few posters of movies and a call to action button which when clicked by users will take them to the movie page where they get to see many other movies of the site.
This page presences the different movie categories available for the site; here users can click on any movie of their choice they wished to watched or purchased. When clicked on a specific movie, it gives access for more details about the movie and call to actions button permitting the users to either watch the movie instanly or buy to watched later.
This page gives a simple detail information about the site
The contact page provide information on the different means of getting in touch with the site administrators; this page also contains a contact form through which users can send in direct messages.
This section provides a form through which user can signup to become members of the site for easy accessibility and movie purchase
The card simply lead users to either add interested movies they wish to purchase to their cards as well as it helps as a reminder to show what a user have in their cards
- Design using Figma
- HTML
- CSS
- JavaScript