Skip to content

KyleMBoomer/rancid_tomatillos

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

90 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Abstract:

Rancid Tomatillos is a web application similar to Rotten Tomatoes, Netflix, or IMDB. Users may search for a specific movie, or filter by genre, to view the trailer via a YouTube window, see a synopsis, a rating, and a general overview of the movie. Future iterations will enable users to rate their own movies, and create a Favorite Movies page.

Tech Stack:

JavaScript, React.js, Glide.js, CSS, HTML; tested with Cypress.

App preview:

Check it out for yourself. Be sure to click the banner to load the app!

Screenshot 2024-07-13 at 2 58 17 PM Screenshot 2024-07-13 at 2 58 46 PM Screenshot 2024-07-13 at 2 59 03 PM

Contributors:

David Swatzell: https://github.com/Swatzell Kyle Boomer: https://github.com/KyleMBoomer Kevin Nelson: https://github.com/kevinm23nelson

Learning Goals:

Gain competency with React fundamentals, Test React components & asynchronous JS, Practice refactoring, Create a multi-page UX using Router

Wins + Challenges:

  • Getting the Genre dropdown to work properly was a challenge, as it required two separate API calls to render all the initial movie cards with both a single movie and genre availability for the user.
  • This project was my first attempt at using Glide.js to implement the slide carousel modal. I was happy to implement that library.
  • Cypress testing for this app was a bit tougher than expected due to the separate API calls for all the movie cards, but it was a unique challenge and a great learning experience.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 73.9%
  • CSS 24.2%
  • HTML 1.9%