Submitted by: Carlos Chavez
Estimated time spent: 10 hours spent in total
Deployed Application: 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!
Link to walkthrough: https://i.imgur.com/WrCnZ41.mp4
- 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, the topics covered in the labs and lessons were super helpful in preparing for the assignment. I was definitely feeling unprepared on Tuesday because I had done very little with API's in node, but I felt that I didn't know where to start for the assignment. After Wednesday's lesson and lab, all the topics covered were made so easy to understand and I felt comfortable with API's and was able to understand the project and complete it.
- 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 have liked to add more items in the navbar to make diffent API calls and get information on most popular tv shows, sort by popularity, and being able to add movies to a watchlist and see them on that tab.
- 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 it went went well, it was nice to see the other intern's projects and how we did things differently even though we were all building the same thing. I found it nice that we spoke about the features we would have liked to implement but couldn't do so yet. There were some really great ideas like adding a filter to the page.
- 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.
Rodrigo Martinez, Ann Wang, and Sydney Varner were all awesome. I enjoyed working with them a ton!
Raahima Ahmed was also super nice and helped me with understanding a bug in my code! I found it really great that she made sure I understood the way to solve it.
Matt and Tirumari for the lessons that they made seem so simple to understand!