A search engine for movie synopses.
We want to improve the user experience of movie lovers by suggesting movies they might be thinking of while they type the title.
We intend to query an API and use the results to populate a dropdown list.
Our app is hosted on Heroku: heroku link
In order to run the app you must install:
- node (npm install)
- tap spec for testing
- npm i xmlhttprequest
The user should be able to:
- Load the app
- Type a movie title into the search field
- Be served a list of movies based upon their search
- Submit the search
- Receive a movie synopsis for the chosen movie
-
Sit around the table
-
Decided on topic : Movies
-
Create an API key
-
Structure / Architecture
-
Initialise repo
-
Set up folder structure
-
Deployment on Heroku ("Hello World")
-
Set up project/server [mob]
-
Set up modules for handler, router, server [mob]
-
Set up basic HTML to check handler, router & server work
-
Hide API key
-
Add JSON file to src
-
Create an event listener
- for input button
- for key input
-
API call to JSON file
-
Set up API call - backend
- We can extract:
- title
- overview
- vote average (rating)
- poster path (to get image)
- genres
- Release Date
- We can extract:
-
Add list container to html
-
Set up auto-fill functionality
- Add event listener key input (onkeydown)
-
Set up initial tests
-
Filter API content back into DOM
-
Basic CSS [LG]
-
Check tests + additional ones
- Show the movie synopsis
- Only show most relevant suggestions in list
- Highlight on Hover
- Highlight difference between list items
- Connecting the front end API to the back end API
- Understanding how our handlers should accept URLs
- Connecting files throughout different modules and writing file paths
- How to use an API on the back-end
- How to use an API call to take a string from the search-input and pass it to the back end
- How to set up the server, router and check endpoints
- Modularising code
- File structure