Live version of project: https://swapi-test.vercel.app/

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open 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.

Your Task - Star Wars Navigation System

There is no one who does not know the Star Wars universe. If, however, it has survived - it better be hidden. In Flip - we definitely stand on the Light Side of the Force. To prove your strength and join the Jedi Flip Council, you must pass a test task that tests your experience, cunning and determination. The final test is ahead of you. Make fresh coffee, put on your favorite slippers and get ready for the adventure of a lifetime.

Your task is to write an Application thanks to which Stormtroopers will be able to navigate between solar systems. You can use our top secret Jedi Flip Council Archives for this task.

https://swapi.dev

You will find the requirements below.

Good luck. May the force be with you.

Acceptance Criteria

Application should:

• represent results as a list of cards (tiles) with Name of the planet. More information should be visible after entering next page based on the ID (in this case ID = index)
• be responsive at least for 2 breakpoints (<640 & >1040 px)
• be build with the latest HTML5 specifics
• be type safe!
• follow best practices for HTML, Styles and functional programming
• be SEO friendly
• allow accessing specific Fact by clicking on it, or navigating to it by URL (ex. /planet/[id])

Nice to have:

• Custom CSS rules
• Prettier & Eslint Configured
• Git Commit history
• At least basic tests

Clone/Fork this repository. When you finished. Send the result.