Frontend Challenge

Build a web app with Next.js 13

As a frontend developer you get the task to implement a frontend for an employee API, where you can list, create, read, update and delete employees.

API

Use restapiexample.com

Warning

API has a rate limit

A base structure is already implemented. Feel free to improve the current implementation whenever you see potential or let us know what you would do differently in your pull requests description.

Please fork our repo and implement the missing features. Also track time and let us know how long it took you to finish the challenge.

Run It

$ nvm exec 20.9 npm run dev

By default, the app is reachable at http://127.0.0.1:3000

Setup

Currently we are using node 20.9 so we recommend to use nvm.

Install nvm by following this guide.

Install and use node 20.9:

$ nvm use

Tip

Don't forget to install the node packages:

$ npm i

Formatting

Prettier is our formatter of choice. We added some settings for VSCode. If you use a different IDE please adapt the settings.

Usage of Json-server

Due to API call limitation, I use the help of json-server for testing locally, a db.json file can be found in the root folder

run

$ npm run server-json

data can be accessed at

$ http://localhost:3500/employees