Welcome to the webpage of The Theatre !

This is the link to the website:

Website result

Who

Our Project Team consists of

• @Lord-of-Chicken
• @gonzalovsilva
• @robbertklockaerts
• @Yuliya-beCode

Tasks allocation

Gonçalo Silva	Gael Layeux	Robbert Klockaerts	Yuliya Bochkovskaya
Creation of the video catalog / debag comments part	A session system: registration, connection / disconnection / comments rights	Right to comment on the content	General administration of the project/Figma style
Include a search bar and sort by filters	php footer/header include	Admin dashboard	php insert video and info into info.php / draft info.php
Page or section that displays the top movies with the movie db API	Back office for user and comment management (CRUD)	Login form css / 404-Page	Footer/header templates, merging css in one file
General administration of the project drafting search flow chart	General administration of the project	General administration of the project	Register form css / README

If you have any questions in regards to our project, please do not hesitate to contact us directly on GitHub. Our contact details are mentioned above.

What

The Theatre is a streaming website created in html / css, javascript and php.

• We got inspired by Netflix, Amazon Prime Video and other Popcorn Time ... Our goal was to display a catalog of movies.

• We well spotted the similarities between these platforms (navbar, header, search tool, different categories of videos…)

Please find here below our very first sketches and UX prototype of our website which has been created at the planning stage the Theatre :-)

First UX-Prototype of our website

How

• To setup this development environment you will need to have docker and docker-compose installed on you system.

• The Theatre Website includes a search bar and sort by filters, which have been developed in accordance with the flowchart attached below.

• The filter function of the Theatre displays the top movies. This function is enabled with the movie db API. This product uses the TMDb API.

• Our movie streaming website has the session system: registration, connection / disconnection. It also includes an Admin Dashboard which allows to keep under control upocoming visitors of the website.

• Registrants of the Theatre have the right to comment on the movies.

• Back office of the Theatre for user and comment management (CRUD) is also available.

When

29/03/21

• Meet
• Reading & discussing deliverables
• Distribution of roles
• Manufacturing of the first prototype in Figma
• A session system: connection / disconnection
• Search filter categories

30/03/21

• Meet
• Installation of Docker
• Drafting search flow chart
• Preparation of design basis html files
• A session system: connection / disconnection
• Search filter categories

31/03/21

• Meet
• Work on allowing categorization of TOP 10, genres, etc.
• A session system: connection / disconnection
• Creation of Admin Dashboard
• Design welcome & registration form

01/04/21

• Meet
• Work on allowing categorization of TOP 10, genres, etc.
• Registrants have the right to enter the admin/users dashboard
• Work on the Figma UX
• Check responsive style

02/04/21

• Meet
• Work on allowing categorization of TOP 10, genres, etc.
• Registrants have the right to enter the admin/users dashboard
• Preparation of html page info.html for sorting the upcoming videos and video details
• Work on database
• Work on css styles

06/04/21

• Meet
• Research to the "methode GET"
• A session system: registration
• Work on database
• Work on css styles

07/04/21

• Meet
• Connecting sort system with the html form info.php and search bar
• A session system: registration / work on database
• Work on comments on the content of movies
• Work on css styles

08/04/21

• Meet
• A session system: registration / work on database
• Work on comments on the content of movies
• Creating header / footer
• Work on css styles

09/04/21

• Meet
• A session system: registration / work on database
• Work on README file
• Work on comments on the content of movies
• First trial to combine the files
• Creation of 404 page
• php include header & footer

10/04/21

• Combine all css styles in one file

11/04/21

• Work on README file
• A session system: registration / work on database

12/04/21

• Meet
• Merging the files
• Debag comments part
• Work on 404-Page
• Work on merging css

13/04/21

• Deadline