earghand / flixster---web Goto Github PK

📝 NOTE Use this template to initialize the contents of a README.md file for your application. As you work on your assignment over the course of the week, update the required or stretch features lists to indicate which features you have completed by changing [ ] to [x]. (🚫 Remove this paragraph before submitting your assignment.)

Submitted by: Elias Arghand

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

TODO:// Add the embedded URL code to your animated app walkthrough below, ADD_EMBEDDED_CODE_HERE. Make sure the video or gif actually renders and animates when viewing this README. (🚫 Remove this paragraph after adding walkthrough video)

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

The topics in the lab significantly helped me complete this assignment. To be specific, the lab on forms in HTML significantly helped me implement the search feature of this assignment.

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

If I had more time, what I would've done differently is add more animation to my css to allow the website to be more responsive. I would also add the popup feature to provide more details about the movie clicked on.

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

Overall, implementing the features for this project went really well. The only thing that did not go as planned was comleting the optional popup feature when a movie was clicked on because of css and api request issues.

• Add any links to open-source libraries used in your project.

Give a shout out to somebody from your cohort that especially helped you during your project. This can be a fellow peer, instructor, TA, mentor, etc