mtwichan/star-wars-pagination

Starwars Pagination App

Starwars Planet Exploration Pagination

Summary

A simple application that allows you to travel through the metadata of planets far far away using the Swapi API.

Deployed application: https://star-wars-pagination-mtwichan.vercel.app/

Technologies Used

• React 18+: https://react.dev/
• ChakraUI: https://chakra-ui.com/getting-started
• TanStack Table: https://tanstack.com/table/v8
• TanStack React Query: https://tanstack.com/query/v3/
• TypeScript: https://www.typescriptlang.org/
• Vite: https://vitejs.dev/
• Vercel for deployment

Setup

• Install Node.js if you have not already: https://nodejs.org/en/download/current

Instructions

1. Install the dependencies: npm install
2. Run the app: npm run dev
3. Navigate to the port and check out the app

Notes

• I coded this super quickly as part of a coding interview
• Many things can be done better. For example error handling could be integrated much better and the frontend could use some work
• Additional code clean up
• Centralize TanStack React Query calls
• Table styling to fix columns in TanStack table