ShowGeek is a web application for TV show fanatics who want to document and keep track of personal show reviews. This application uses an API called TVMaze. It's a public API that holds information about television shows across different streaming platforms such as Netflix, Hulu, and many more!
As an avid user of streaming platforms, I was inspired to build this project by an existing online database called IMDb. The review functionality was inspired by another database called Rotten Tomatoes. The combination of these two inspirations formed ShowGeek! With this application, anyone can keep track of the shows they watch on their mobile device or computer.
Tutorial:
- Click on the search bar and type in a TV show of your choice.
- Click on the
searchbutton and wait for the next screen to load. - Click on
add showto fill out yourratingandreviewin the modal. - Click on
confirmto see it added to your list! 🙌
If you would like to see a visual tutorial click here to see a demo!
- Search for TV shows based off search query
- Search results based off search are displayed
- Add a review and notes to a show
- A list is generated based off user input
- List items can be modified or deleted
- Make the summary box scrollable to allow the full TV show summary
- Create an outline of the project
- index.html
- Create multiple
viewsto allow users to redirectviewswhen clicked onanchor tagsorlinks
- Create multiple
- css (directory)
- styles.css
- js (directory)
- data.js
- main.js
- index.html
- Get familiar with how TVMAZE works
- To generate a single result per search, you can use the single search in your fetch request
- Take a look at this example, notice that the end of a URL contains the
stringof a TV show - This project pulls data for the
name,summary, andimageof the result to print to the browser
- Store data from user input into local storage to generate in list view