Formatted with BiomeJS, tested with Vitest and Cypress 🎗
I am a frontend developer focusing on React and it's ecosystem. I built this project to demonstrate my skills at this time. It is intended to demonstrate problem-solving encountered when building real-world web apps including server-side data fetching, state management, custom form validation, testing, responsive UI, and more.
__test__Contains unit tests for all components. These test are written with vitest and @testing-library/reactcypressContains all end-to-end tests which I have written with cypress.src/appContains all the pages that make up this application.src/app/apiContains server-side custom API endpoints.src/componentsContains all reusable components.src/utilsContains utility files like custom functions and types used across the project.
- I used NextJS 14 with the App router to set up the project.
- Data used in this project was provided by TheMovieDB.org API
- For styling, I used SCSS modules which helped me avoid naming clashes.
- At this time next lint does not work with this version of nextjs so I used biomejs for code formatting.
- I used icons that I accessed through react-icons.
- For unit testing, I use Vitest with react-testing-library.
- And I used cypress for end-to-end testing.
dev- Starts the development serverformat- Runs code formatting on every file insrc,cypress, and__test__folderstest- Runs all unit tests with Vitestcypress:open- Opens Cypress and runs the e2e tests.