Submitted by: Robert Velasco
Estimated time spent: 32 hours spent in total
Deployed Application (optional): Flixster Deployed Site
- User can view a list of current movies from The Movie Database API as a grid view.
- For each movie displayed, user can see the following details:
Title
,Poster Image
,Votes
. - User can load more current movies by clicking a button at the bottom of the list. The page should not refresh; movies should simply be added to the bottom.
- Allow users to search for movies and display them in a grid view. Users should be able to clear results and view previous current movies displayed.
- Website accounts for basic HTML/CSS accessibility features.
- Website should be responsive.
- Deploy website using GitHub Pages.
- Allow user to view more details about a movie within a popup.
- Improve the user experience through CSS & animation.
- Allow movie video trailers to be played using embedded YouTube
- Implement anything else that you can get done to improve the app functionality!
https://www.loom.com/share/8358cdd1ad67426f8f064b765b44effeK
- 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. Days 2 and 3 in particular really helped my understanding of how functions operate in javsscript (js), and how js interacts with HTML and CSS. I had never worked with an API before.
I felt good about all the required feautures, but some of the stretch features (the pop-up in particular) were especially challenging and outside the scope of the daily labs.
- 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.
Granted more time, I would have loved to enhance the styling and appearance of the assignment, especially for the pop-up and buttons. I also wanted to add a resize button on screen that would allow users to toggle between the standard and larger sizes of the movie posters and text.
- 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?
I think my project demo went well. I was happy with all the features I managed to implement. There were improvements I would have liked to make. For example, my search bar animation slightly goes off screen.
Everyone else's demos were great. I really liked the extra details on the search screen for someone's demo. They included the searched term on screen, which I thought was a nice touch, and I would've liked to do as well.
- Add any links to open-source libraries used in your project.
I'd like to give a shoutout to all interns I've had the chancce to work with this week in breakout rooms. In particular, Kordel really helped figure out the pop-up feature logic today, so huge thanks there.