For the casual user:
- Please visit my app WOW-FACTOR and click around!
- Filter by the number of "WOW"'s in each movie, click a movie for details, or check out a random flick!
For the developers out there:
Forkthis repository andCloneit down to your local machinecdinto the repository- Once in the repository, run
npm install - After installation, run
npm start - The app should now open up on your default browser with the URL
http://localhost:3000 - You're now ready to move through the app!
USER FLOW
- Landing Page to Movies Page
Landing.to.Movies.Page.mov
- Movies Page to Landing Page
From.Movies.To.Landing.Page.mov
- Random Movie Button Functionality
Random.Movies.Button.mov
- Filter movies by WOW Count
Filter.by.Wow.Count.mov
- Select a Different Movie from the Dropdown
Select.Different.Movie.from.Dropdown.mov
ERROR HANDLING
- Bad URL
Bad.URL.mov
User:
- See a selection of movies where Owen Wilson says "WOW"
- Filter movies by the total number of times Owen Wilson says "WOW"
- See a "Random" Owen Wilson movie
Developer:
- End to End testing with mulitple UX in mind
- Provide different React Router routes
- Proper error handling for all "Sad Paths" of a UX
- Secure a 95% lighthouse accessibility score
- A consistent, modular file structure
- Spearheading a solo project is always a little intimidating at first, but looking back to where I started, the ups and downs throughout, and now seeign the completion of this project brings great joy and supreme sense of accomplishment.
- This project helped me further solidify my understanding of the React framework and proper structuring of components.
- Creating a URL link to where a selected movie can be streamed, or rented online.
- Creating functionality to display light & dark modes via Global State Management.
React
Cypress
React Router
JavaScript
HTML
CSS
NPM
Github
