Due Date: 21:00 PM Tonight
- list all planets with infinite scroll and virtualize list.
- list of the detailed planets.
- createdDate data from the endpoint is a must for this endpoint
- button for add to wishlist.
- list all planets already wishlist with pagination.
- GraphQL: https://graphql.org/swapi-graphql
- REST API: https://swapi.dev
- Must use Typescript (usage of “any” as a type is not allowed)
- ReactJS or ReactNative
- Please use React Hook
- Git (commit every feature when you done)
- Feel free to use REST API or GraphQL
- Please use CSS in JS (eg: styled-components)
- Please use linter
- Please avoid using big size dependency (moment / lodash)
- Please use create-react-app or create-react-native-app for initializing a project
- Create a test (functional or e2e) test is a big plus
- Feel free to use your imagination for the user interface and optional data to show it.
First, run the development server:
npm run dev
# or
yarn devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.
API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.
The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!