Yuliya-beCode · Yuliya-beCode · Apr 10, 2021 · Apr 11, 2021 · Apr 11, 2021 · Apr 11, 2021
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+/.idea/
diff --git a/.idea/.gitignore b/.idea/.gitignore
diff --git a/.idea/dataSources.xml b/.idea/dataSources.xml
diff --git a/.idea/getflixProject.iml b/.idea/getflixProject.iml
diff --git a/.idea/jsLibraryMappings.xml b/.idea/jsLibraryMappings.xml
diff --git a/.idea/modules.xml b/.idea/modules.xml
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
diff --git a/README.md b/README.md
@@ -0,0 +1,198 @@
+### Welcome to the webpage of The Theatre !
+
+![Logo](pictures_README/Logo.png)
+
+![img.png](pictures_README/img.png)
+
+# Who
+
+Our Project Team consists of
+
+- [@Lord-of-Chicken](https://github.com/Lord-of-Chicken)
+- [@gonzalovsilva](https://github.com/gonzalovsilva)
+- [@robbertklockaerts](https://github.com/robbertklockaerts)
+- [@Yuliya-beCode](https://github.com/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 :-)
+
+![Sketch one](pictures_README/img_1.png)
+
+![Sketch two](pictures_README/img_2.png)
+
+[First UX-Prototype of our website](https://www.figma.com/proto/LZLTLgveLvyu8aBJbc3u1G/The-Theater?node-id=66%3A0&scaling=scale-down&page-id=0%3A1)
+
+# 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.
+
+![search_flowchart_dark](pictures_README/search_flowchart_dark.jpg)
+
+- 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.
+
+# Why
+
+Creating the video streaming website is an excellent task to bring together all the knowledge acquired so far. During
+this task we used use php, js, css, Docker, bootstrap and tested our skills in group work. We also used the TMDb API,
+which is an important part of the video streaming websites.
+
+Today is a time of movie streaming websites. Netflix, Amazon Prime Video, Disney HotStar are making much more money than
+the theatres themselves. They stream not only movies but also web series, documentaries, etc. This means that the
+streaming websites should guarantee a large working area for Wep Developers in the future.
+
+The first commercial streaming product appeared in late 1992 and was named StarWorks. StarWorks enabled on-demand MPEG-1
+full-motion videos to be randomly accessed on corporate Ethernet networks. Starworks was from Starlight Networks, who
+also pioneered live video streaming on Ethernet and via Internet Protocol over satellites with Hughes Network Systems.
+The first commercial streaming product appeared in late 1992 and was named StarWorks. StarWorks enabled on-demand MPEG-1
+full-motion videos to be randomly accessed on corporate Ethernet networks. Starworks was from Starlight Networks, who
+also pioneered live video streaming on Ethernet and via Internet Protocol over satellites with Hughes Network Systems. (source: Wikipedia)
+
+
+
+# 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
+
+# Evaluation criterias -> self check
+
+- [x] We have realized all must-have features.
+- [] There is a published GitHub page available.
+- [] The code is well indented and commented.
+- [x] The readme is clean and complete.
+- [x] At least one Nice-to-have features is ok.
+- [] The HTML and CSS pass the W3C Validation tool.
+- [] The lighthouse test scores 90 at least on Performance, Best Practices, Accessibility and SEO.
+- [] The code is well indented and commented.
+
+
diff --git a/application/source/404.php b/application/source/404.php
@@ -0,0 +1,12 @@
+<?php include('header.php'); ?>
+
+<div class="bg-404">;
+<div class="container text-center align-middle text-white place-above">
+    <h1>Hey you!</h1>
+    <h3>This page doesn't exist!<h3>  
+    <h3>Sorry 404-page!</h3><a href="index.php" class="btn btn-secondary btn-me active mt-1" role="button" aria-pressed="true">Return</a>
+</div>
+</div>;
+
+<?php include('footer.php');?>
+</html>
diff --git a/application/source/account.php b/application/source/account.php
@@ -21,23 +21,24 @@
 
 include('header.php');
 ?>
+<div class="container">
+<h1>Bonjour <?= $_SESSION['auth']->username; ?></h1>
 
-<link rel="stylesheet" href="style.css">
 
-<h1>Bonjour <?= $_SESSION['auth']->username; ?></h1>
 
 <form action="" method="POST">
-
-    <div class="form-group">
-        <input type="password" name="password" placeholder="Change your password." class="form-control" />
+   
+    <div class="form-group text-center align-middle m-3 ">
+        <input type="password" name="password" placeholder="Change your password." class="md-form " />
     </div>
 
-    <div class="form-group">
-        <input type="password" name="password_confirm" placeholder="Password confirmation" class="form-control" />
+    <div class="form-group  text-center align-middle m-3 ">
+        <input type="password" name="password_confirm" placeholder="Password confirmation" class="md-from" />
     </div>
-
+    <div class="form-group  text-center align-middle ">
     <button type="submit" class="btn-primary">Change password</button>
-
+    </div>
+    </div>
 </form>
-
+</div>
 <?php include('footer.php'); ?>
diff --git a/application/source/admin.php b/application/source/admin.php
@@ -31,7 +31,6 @@
 
 
             <?php
-
             //connect to database
             $conn = mysqli_connect("database", "root", "root", "GetFlix");
Original file line number	Diff line number	Diff line change
Expand Up		@@ -31,7 +31,6 @@


		<?php

		//connect to database
		$conn = mysqli_connect("database", "root", "root", "GetFlix");

Expand Down