- Please visit our site: Tainted Peaches
- From the main page, a user can scroll through the movie selection.
Main.Page.Scroll.720.mov
- The user can then click any movie of their choosing and see that movies details and movie trailers.
Movie.Details.mov
Trailer.Buttons.mov
- The user can either select the 'Take Me Home' button to return to the main page, and also their browser's navigation tools.
Navigation.720.mov
- This project brought many challenges, as it was our first deep-dive into creating a working app using the React framework. We learned new concepts and how the flow of React works with class and functional based components.
- We implemented new and unfamiliar methods within our app, and learned how these methods worked within the framework to make an app come to life. We also saw the vast difference with the intuitiveness of React, compared to the long-winded and drawn out functionality we created in previous apps using Vanilla JavaScript.
- This project was a great learning experience to further solidify the concepts and the in’s and out’s of React.
- Passing props between components is a learning curve, but awesome once you get the hang of it.
- Search functionality
- Login
- Add Ratings
- Liking/Favoriting movies
- Add PropTypes
- React
- JavaScript
- HTML
- CSS
- Fetch API
- Cypress
- Router(v5)
Jordan Farelli LinkedIn | GitHub
Anthony Shellman LinkedIn | GitHub