Quarantine Media Recommender

=> Live Demo <=

Project Requirements

1. Must use at least two server-side APIs
2. Must use a CSS framework other than Bootstrap
3. Must use client-side storage to store persistent data
4. Must have a polished, mobile-first UI
5. Must meet good quality coding standards (indentation, scoping, naming, etc.)
6. Does NOT use alerts, confirms, or prompts (look into modals)
7. Must be deployed to GitHub Pages
8. Must be interactive (i.e: accept and respond to user input)

Description

We get it. You're bored.

There's only so many times you can re-watch Homecoming or Love is Blind or whatever while you're working, living, and connecting remotely.

The Quarantine Media Recommender (QMR) can help. You type in your topic of interest and the QMR delivers a list of books, movies, or songs to explore while you're waiting for your groceries to get delivered.

There's also a handy review section that stores your reviews and ratings so you can remember what you thought when you watched Tiger King the first time.

How to Use

1. Decide on a topic to search and enter it into the search field in the yellow section. Tip: If you can't think of a topic, try out our randomly suggested topics in pink.


2. Select the media type that you'd like to search; books, movies, or songs.


3. Click search to view the results in the grey section. Hint; you can click on the details section of movie results to view the movie details on the IMBD website.


4. Leave a review in the green section to keep track of what you thought about all of the media you've soaked up.

Contributors

• @stricklin927
• HTML
• CSS
• Foundation
• @bettycode
• Displaying API Objects Dynamically
• IMBD Links
• @brianshort
• Ratings & Reviews (input, display, localstorage)
• Random Topic Function
• @jsegnegon
• Suggestion Box
• @sambishop3015
• Get Functions for APIs
• README

Lessons Learned

• @stricklin927
• Branching and merging with a workflow
• Researching and implementing a new front-end framework
• @bettycode
• Working with other developers
• Understanding the workflow
• @brianshort
• Increased fluency with API objects
• Git collaboration methods
• @jsegnegon
• @sambishop3015
• API types; HTML, OAuth, Key
• Readme design tricks including gifs
• Working with developers and using Git branches