This test is a part of our hiring process at pi-top for frontend positions. It should take you between 3 and 6 hours depending on your experience.

Feel free to apply! Drop us a line with your LinkedIn/GitHub/Twitter/AnySocialProfileWhereYouAreActive at careers@pi-top.com

The goal of this test is to make you code a small ReactJS app. We have prepared a skeleton app for you, but please change whatever you want (file structure, build process, HTML, CSS...) or don't use it at all. We have provided an API for you to use as the backend for your app which is documented below and which you must use.

The app will be a Todo list (sorry) with the following features:

• Todo List - simple list of notes
• Todo Detail - detail of a note
• Todo Creator - ability to input new notes

Show us what you can do in 6 hours tops. Don't spend too much time on designing your app, our design team will hate it anyway :P

Bonus: The user would also be able mark a Todo 'isDone' and have them displayed appropriately. Please code that only if you have extra time.

• Features listed above
• Use the provided backend
• React
• Thoughtful state management
• Responsive design

• Bonus feature above
• Unit and integration tests
• CSS modules or alternative
• Modern react paradigms
• Typing e.g. Typescript, prop-types, Flow
• ... Impress us!

We're using yarn here:

yarn install
yarn start

• GET - https://backend-test.pi-top.com/todo-test/v1/todos: list all todos. description and tags are not included
• GET - https://backend-test.pi-top.com/todo-test/v1/todos/:id retrieve a specific todo details
• POST - https://backend-test.pi-top.com/todo-test/v1/todos create a todo. You'll need to send a JSON in the request body:

{
  title: 'test todo',
  description: 'sample todo for pi-top frontend-test-react',
  priority: 5,
  tags: ['test']
}

• PUT - https://backend-test.pi-top.com/todo-test/v1/todos/:id update a todo. The only field updatable is isDone (bool). You'll need to send a JSON in the request body:

{
  isDone: true
}

• POST - https://backend-test.pi-top.com/todo-test/v1/reset: Reset all todos to initial state.

• id - string - unique ID of call
• createdAt - string - creation date
• title - string (required) - short todo title
• description - string (required) - todo detailed description
• priority - number - importance of task
• tags - array of strings - tags
• isDone - boolean - if todo is done or not

Clone this repository, create your own public repository, switch out the remotes and send us a link.

We'll review it and get back to you in order to talk about your code!

Contact us at support@pi-top.com if you need more details.