Star Wars

Tech Stack

• Next.js to bootstrap the app
• React Query for server cache management
• Vitest as test runner
• Swapi for the Star Wars API
• Since the test is running in a node environment using cross-fetch as a polyfill to fetch

How to run locally

Please take the latest pull from the main branch and run any of Yarn, or pnpm to install the dependencies.

npm run dev
npm rum test

yarn dev
yarn test

pnpm run dev
pnpm rum test

Deployment

Deployed it to the cloud with Vercel (Documentation).

The deploeyed version can be found here

Features completed

• Character list view
• List characters from the Star Wars universe (name, gender & home planet, people/?page=1 would suffice).
• Clicking a list entry should navigate to the character details page
• Character details view, display: name, hair colour, eye colour, gender and home planet and list the films that the character has appeared in
• Add appropriate unit tests

Bonus

• [] Provide the ability to amend the height or gender of a character -- The requirement was not very clear
• [] Add e2e tests -- Didn't get time to complete the setup
• Add integration tests -- Was stuck on mocking the next router hence couldn't get time to pick up e2e tests
• Add Pagination in Character list view