A web application designed to allow users to view a library of films and to select films to view further details and trailers.
- Javascript
- CSS & HTML
- React
- React Router
- React PropTypes
- Cypress End-to-End Testing
- Webpack module bundler
- Fetch API
- Mocha Javascript testing framework and Chai assertion library
- Git/GitHub
- GitHub project board
- Figma and Adobe Illustrator for wireframing and vector graphics
- Fork this repository to your GitHub account.
- Copy SSH key on GitHub inside the code dropdown.
- Using the terminal, run git clone [SSH key here].
- cd into the repository.
- Run npm install
- Run npm start
- Click the hyperlink where the project is running to launch the application in the web browser or enter http://localhost:3000/ into your web browser.
This application was developed for the Turing School of Software and Design's Module 3. The project was designed to build and test competency in the fundamentals of React, creating multi-page React web applications using Router, and implementing end-to-end testing using Cypress.
The app presents users with a dashboard of movies pulled from an API of movie data. Users are then able to select specific movies to view further details about them and their trailers.
- Worked quickly and efficiently as an asynchronous team by establishing and adhering to robust communication and working norms, completing all project deliverables ahead of schedule and giving each team member sufficient time to practice the many new topics involved.
- Sucessfully redesigning the app to use React Router to provide a multi-page UX.
- Deepened the group's understanding of React fundamentals, particularly component architecture and using props.
- Refactoring the code to replace the original, conditional rendering logic with React Router to create a multi-page UX initially proved difficult. Stepping back and reviewing the structure of our components and how data was flowing between them was particularly helpful in resolving this challenge.