Our group developed a web application utilizing two different server-side api’s (OMDB and Google Books) that allows us to search for a story, whether that is a movie, tv show or a book. Stories typically exist in these different media types and this application will allow us to not only retrieve information surrounding our favorite books / tv shows / movies, but also allows us the ability to find out if they were also made in the opposite media types. The application functions in such a way that it allows the user to first input the title of the media content they want to run a search on. Then they will be able to select the media type (TV, Book, Movie) and the returned response will provide visual information as well as data and descriptions to the most relevant information on the search. In terms of expansion and future development, this idea affords us the ability to expand on the application by accepting all forms of media types, "music, pod casts, audio books, etc." At this point we will switch the application name from "Find-A-Story", to "Find-It-Media" where it will be an all-encompassing media search tool similar to a query or aggregator of information.
HTML / CSS with Materialize / JavaScript / jQuery / Server-Side API's utilizing OMDB and Google Books for Developers
As a someone who wants to learn more details about their favorite stories, books, tv shows, movies
I want an application that returns several results based upon my media input selection and title search
Given when I access our web application, I am viewing a functioning app that is titled "Find-A-Story"
When I read the question displayed on the home page as to which title I would like to search up
Then I can input my media input type selection in a drop-down box and run a search
When I am given the results of my title and media selection
Then I can review relevant information and data that is allocated to the return response by visually displaying a cover image, and different information classes on the search that I ran and its media type
When I am done analyzing the returned results, I am given different interactive buttons to clear my inputs to begin searching again
When I execute a search function a history banner will display the last most recently run searches on the page and store them locally
When I exit the page and reload, my search result stays unless previously cleared
Use a CSS framework other than Bootstrap.
Be deployed to GitHub Pages.
Be interactive (i.e., accept and respond to user input).
Use at least two server-side APIs.
Does not use alerts, confirms, or prompts (use modals).
Use client-side storage to store persistent data.
Be responsive.
Have a polished UI.
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.).
Have a quality README (with unique name, description, technologies used, screenshot, and link to deployed application).
https://theothermike5544.github.io/Find-A-Story/
Google Books for Developers API
https://developers.google.com/books
OMDB API
https://www.omdbapi.com/
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent