MOVIE APP 🍿

Find the best movies at maximum spped.

Index

• Authors
• Introduction
• Project overview
• App description
• User stories
• Hight-fidelity prototype
• Organization method
• Tools
• Reference

Authors

This project was built in javascript by:

Claudia Custodio (Dionisiaca) | Lorena Álvarez (LorenaAlvarez) | Monse Salas (MonseSalasVi) | Viviana Gomez (vivianakgp)

Introduction

During this quarantine, maybe you have more time to expend watching movies. And just maybe you find yourself with hundres of options available at your favourite streaming app and unable to decide which one to watch.

Don't worry! our Movie App can fix that for you.

Movie App shows yo a random movie to stream from our extense catalogue of contents, with relevant information regardind what it's about, how long it lasts, genre, stars and everything you want to know to decide if you like our recomendation. An if you don't, it's okay! just click the button again to get a new one.

There is also an option for the ones who already have something in mind. In our home page, you can access our whole catalogue of movies, and sort them by keywords.

We hope you like our recommendations. Go watch!

Project overview

Movie app is an interactive web page that generates random movies to watch and also has a search-by-keyword area. It provides movie plots, title, duration, year and genre for each content.

App description

As a first user experience, there is an start page, where you can choose between gettin a random movie recommendation or going directly to home to search in our catalogue by keywords.

The random page provides you with a random movie recommendation and gives you information about it.

The home page provides you with information about other movies, there is also a search bar and you can enter the title of a movie and get information about it.

User stories

• User history 1: Show catalogue

As a user. I want to have a database of visible films.

So that the user can see everything in the catalogue.

• User Story 2: Randomize

As a user

I want to have a random movie generator from a database

So that the user can get random recommendations of content to watch

High-fidelity prototype

• We used figma as our main tool to design this app

• Color palette

We got inspired by our favourite streaming app!

Remote organization and branching

Tools

• JavaScript - JavaScript
• OMDB - API The Open Movie Database.
• SPA - Single-Page Application.
• Bootstrap - JavaScript framework for design.
• Mobile first - Mobile First Web Design.
• Figma -Figma
• Trello -Trello

Reference

We use GDL004-movie-challenge as an starting point for this challenge.