studyingShowTime

Description

That's part of our student work as students of edX - Skills for Life. It's the project1, which is mandatory collaborative work with 3-4 students in total. We need to conceive and execute a design that solves a real-world problem by integrating data received from multiple server-side API requests.

Overview

A team of student Front-End Engineers, CANS, had a brainstorming session on 22nd November which led to the idea of developing a new product. During that session we identified some problems, which made it ideal to further examine the chance to create a solution for those problems.

Film students wants to access a website, which contains live-streaming of movies, films, series. Also, it is expected to have more than usual basic information compared to live-streaming providers. On the top of it they are willing to use advanced search keywords, sorting, filtering and segmenting data. Lastly relevant view to be created either by default or after playing with the data.

Problem:

live streaming providers having limited options to filter, sort, search. Also, some views’ answers are limited to one live-streaming company. For instance top10 series/movies per country & etc from one data source. The above problem led us to identifying the opportunity for the market. So, we decided to collaborate with university film studies students who use all live-streaming providers extensively and many other websites where they can obtain film, movies, series and other relevant information.

We conducted on 23rd November a market research to validate that gap in the market by researching top companies like Netflix, Amazon Video, Apple TV, etc. We analysed the competitors and we found grounds to believe our solution will solve the problem(s) of our niche audience of film students.

All the above led us on drafting the MVP, minimum viable product.

User Story:

Users want to check on mobile phones one service provider (website) and obtain all the knowledge they are looking for. Also, they would like to be able to watch what they are looking for by searching with advanced criteria.

There are two layers of search - value proposition: 1) Informative aggregated data such as year of production, released date and further details, which cannot be found all together in one website. 2) Find a trailer and be able to choose on where to watch the movie/series (cost efficient) The above two are the two main goals we are looking forward to achieving.

Acceptance Criteria:

1) A responsive and functional website (mobile and desktop version). 2) Search a movie, film, series based on year of production, release date. 3) Select movie, film, series based on the main actor. 4) Home page should display an appealing layout with current, new and different genres. 5) Movies should be listed with year released, actors’ name and brief movie description. 6) Users should be able to click on a movie to view more details of the movie. 7) Users should be able to search for movies using keywords such as titles and released/production dates.

General mandatory requirements:

[x] Use Bootstrap
[x] Be deployed to GitHub Pages.
[x] Be interactive (i.e., accept and respond to user input).
[x] Use at least two [server-side APIs]
[x] Does not use alerts, confirms, or prompts (use modals).
[x] Use client-side storage to store persistent data.
[x] Be responsive.
[x] Have a polished UI.
[x] Have a clean repository that meets quality coding standards (file structure, naming conventions, follows best practices for class/id naming conventions, indentation, quality comments, etc.).
[x] Have a quality README (with unique name, description, technologies used, screenshot, and link to deployed application).

Core Features:

1) Navigation bar 2) Search box 3) Advanced search options (search by actor, release date, etc) 4) Advance / Niche filtering / sorting features 5) Movies news (current, new, upcoming) 6) History button 7) Home button 8) Sandwich button 9) View movie trailer button/Page 10) Trending views (most popular) in whole industry (not limited to one provider)

Additional potential features:

1) Users need to sign in to access movies 2) Users can create an account by form of registration 3) Users can create an account by linking their Gmail account 4) Notification button 5) User account button 6) User account profile page

Server side APIs used:

'X-RapidAPI-Host': 'imdb188.p.rapidapi.com'
'X-RapidAPI-Key': '486abaa088msh3e163fec6b2d7f5p104d18jsn35204f2ab3cb'
'X-RapidAPI-Host': 'moviesminidatabase.p.rapidapi.com'
'X-RapidAPI-Key': '6f2fe1757dmsh5e166be4bbf928fp16f27djsn4221c0b32636'

Credits

Collaborators:

Schola D-Sholaakambi https://github.com/d-sholaakanbi
Chiamaka Lilian Amadi https://github.com/clamadi
Ali Sheikh https://github.com/mirpur33
Nikolaos Makridis https://github.com/nikomakr

From time to time we learnt coding, asked questions about coding and we 've told ways to deal with aspects of this project and not only from edX's - 2U employees:

Omar Patel (Teacher Engineer)
Riz (TA)
Juno (TA)
Ryan S (TA)
Phil Loy (Tutor)

As a student of edX - Skills for life - skills bootcamps here: https://skillsforlife.edx.org and precisely Front-End developer / Web Development course I reference any code you might see as a copy or partially copy or influenced by the repo here: https://git.bootcampcontent.com/uk-edx-16-week/UK-VIRT-FE-PT-09-2023-U-LOLC.git

The navbar code was sourced from https://mdbootstrap.com/docs/standard/navigation/navbar/

Signup page sourced from https://getbootstrap.com/docs/5.3/forms/floating-labels/

Icons library used from https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_icon_buttons)

License

MIT License

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.