This is a Next.js project bootstrapped with create-next-app.

Getting Started

To run project:

npm run build
npm run start
# or
yarn build
yarn start

or in development mode:

npm run dev
# or
yarn dev

To run tests:

npm run test
#or
yarn test

Open http://localhost:3000 with your browser to see the result.

Performance note

During development you may see that performance (navigation between pages, more specificly) is really slow. This is caused by API performance. In 'production' environment, this shouldn't be an issue, because pages will be generated staticaly, wheras on development, API gets called on every request.

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

RafalKornel/flip-recru-app