Purpose and Target Audience:
Purpose: The page is designed to provide users with an easy and convenient way to browse currently showing and upcoming movies, view detailed information about each film. It aims to enhance the overall movie-going experience by offering a seamless, user-friendly interface.
Target Audience: The primary target audience includes movie enthusiasts of all ages who prefer to plan their cinema visits online. This includes individuals, families, and groups looking for a streamlined process to discover movies, check showtimes, and reserve seats in advance.
User Stories:
As a new user, I want to create an account by providing my email, username, and password. So that I can have a personalized experience and access member-only features.
As a user, I want to log in to my account using my email and password. So that I can access my personalized dashboard and features.
As a user, I want to stay logged in on my personal device. So that I don’t have to enter my credentials every time I visit the site.
Accepted Criteria
Signup form includes fields for email, username, and password. Form validates input (e.g., valid email format, password strength). Successful submission creates a new user account and sends a confirmation email.
Login form includes fields for email and password. Form validates input (e.g., correct email format, password match). Successful login redirects the user to their dashboard.
Login form includes a "Remember Me" checkbox. If checked, users remain logged in on their personal device.
Wireframe & Initial Design:
Home Page
Movie Detail Page
Login Page
Sign Up Page
Agile:
Design Choices:
Colour scheme:
The colours were selected with the intention of complementing the hero image and the idea was to ensure the image was appreciated.
Typography:
The following fonts were chosen for a clean and modern look that is both readable and minimal.
Lato
Priority Features:
Home Page:
Navbar & Hero Image:
Log In:
Movies:
Validation
HTML
CSS
Responsiveness:
Testing:
Deployment :
Bugs
Credit: