Frontend website

This student project is the #4 of my training.
You can follow the previous here and next one here.

Table of Contents

1. About The Project
2. Built With
3. Installation
4. License
5. Contact

About The Project

🌱 Developed skills

• Develop the Front-end of an application with HTML, CSS and JavaScript.
• Interact with a REST API.

📖 Scenario

The association JustStreamIt is known for its newsletters ranking films, but the principle of newsletters is beginning to show its limits, so the association wants to have a web application to view in real time a ranking of interesting films.
So I decide to offer my services to Camille, the CEO and she responded favorably 🎉.

🚧 Project goal

Create a website connected with OCMovies-API to display the best movies of a catalogue.

🚀 Deliverable

What is displayed?

• On top, the best movie according to imdb score > average vote > votes ;
• The seven next best movies by imdb score ;
• The seven best movies by imdb score of the genre "Animation", "Aventure" and "Thriller".

Click on a movie image and a modal box show you :

• Title ;
• image ;
• genre ;
• date published ;
• rated ;
• imdb score ;
• director(s) ;
• actors ;
• duration ;
• country ;
• worldwide gross income ;
• description.

(back to top)

Built With

• HTML
• CSS
• JS Vanilla
• Python

(back to top)

Installation

1. Install Python ;

2. Clone the project in desired directory ;

   git clone https://github.com/KDerec/just-stream-it.git

3. Change directory to project folder ;

   cd path/to/just-stream-it

4. Run the website server (PORT 8080 by default) ;

   python server.py

5. Run the OCMovies API server (Install and run OCMovies API) ;

6. Open your favorite web browser and enter http://localhost:8090/ in the address bar ;

7. Enjoy the website 🎉.

(back to top)

Python installation

1. Install Python. If you are using Linux or macOS, it should be available on your system already. If you are a Windows user, you can get an installer from the Python homepage and follow the instructions to install it:

   • Go to python.org
   • Under the Download section, click the link for Python "3.xxx".
   • At the bottom of the page, click the Windows Installer link to download the installer file.
   • When it has downloaded, run it.
   • On the first installer page, make sure you check the "Add Python 3.xxx to PATH" checkbox.
   • Click Install, then click Close when the installation has finished.

2. Open your command prompt (Windows) / terminal (macOS/ Linux). To check if Python is installed, enter the following command (this should return a version number.):

   python -V
   # If the above fails, try:
   python3 -V
   # Or, if the "py" command is available, try:
   py -V

(back to top)

License

Distributed under the MIT License. See LICENSE for more information.

(back to top)

Contact

Kévin Dérécusson - kevin.derecusson@outlook.fr

Project Link: https://github.com/KDerec/just-stream-it

(back to top)

This student project is the #4 of my training.
You can follow the previous here and next one here.