Skip to content

aniyahb/CodePath-Flixster-Project

 
 

Repository files navigation

Unit Assignment: Flixster

Submitted by: Aniyah Bunn

Estimated time spent: 50 hours spent in total

Deployed Application (optional): [Flixster Deployed Site][((https://flixster-starter-f35a.onrender.com))]

Application Features

CORE FEATURES

  • Display Movies
    • Users can view a list of current movies from The Movie Database API.
    • For each movie displayed, users can see its title, poster image, and votes.
    • Users can load more current movies by clicking a button at the bottom of the list (page should not be reloaded).
  • Search Functionality
    • Users can search for movies and view the results in a grid.
    • Users can clear results and view previous current movies displayed.
  • Accessibility Features
    • Website implements accessibility features (semantic HTML, color contrast, font sizing, alt text for images).
  • Responsive Design
    • Website implements responsive web design.
  • Movie Details
    • Users can view more details about a movie in a popup, such as runtime in minutes, backdrop poster, release date, genres, and/or an overview.
  • Sorting Options
    • Users can click on a filter by drop down to sort product by type (alphabetic, release date, rating).
  • Layout
    • Website displays header, banner, search, movie grid, about, contact, and footer section.

STRETCH FEATURES

  • Deployment
    • Website is deployed via Render.
  • Watched Checkbox
    • For each movie displayed, users can mark the movie as watched.
  • Favorite Button
    • For each movie displayed, users can favorite the movie.

Walkthrough Video

Reflection

  • Did the topics discussed in your labs prepare you to complete the assignment? Be specific, which features in your weekly assignment did you feel unprepared to complete?
  • Yes, learning React really before starting the assignment really helped me.
  • If you had more time, what would you have done differently? Would you have added additional features? Changed the way your project responded to a particular event, etc.
  • I would've started the modal earlier.
  • Reflect on your project demo, what went well? Were there things that maybe didn't go as planned? Did you notice something that your peer did that you would like to try next time?
  • Everything went well, I just wish I had more time to complete all of the stretch features.

Open-source libraries used

  • N/A

Shout out

Makayla Thomas Michelle Jackie

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 70.4%
  • CSS 24.2%
  • HTML 5.4%