xavierloeraflores / flixster-web-app Goto Github PK

Submitted by: Xavier Loera Flores

Estimated time spent: 20# 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!

Backup: https://im.ezgif.com/tmp/ezgif-1-3afb8bc4e02f.gif

• 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?

I feel like the topics discussed in the labs perfectly helped me prepare for any technicalities with the project. I think one thing that can help however, would be a lab or activity that would teach us how to plan the project in terms of layout & in terms of code structure.

• 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 like to:

• introduce smooth animations when you click on a movie.
• add a footer with some links to my personal GitHub
• Add better styling and fonts
• Restructor the layout of the Movie Popup page

• 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?

• One of my peers implemented a feature where the page would automaticallly bring up search results as the user types into the search bar. I would like to add this feature.
• I think my project went just as planned and is in a very satisfactory state.I liked that I was able to get the APIs to work properly and can now understand how API keys endpoints work.

• https://developers.themoviedb.org/3/getting-started/introduction
• https://developers.google.com/youtube/iframe_api_reference

I would like to shoutout Leonel and Nicholas. It was helpful and fun bouncing off ideas with them.