Sellpy web interview

Welcome to Sellpy's web interview repo!

Prerequisites

NodeJS - if you don't already have it installed, check out nvm.

Getting started

Fork the repository (see top-right button on GitHub) and clone the fork to your computer.

To start the backend:

• Navigate to the backend folder
• Run npm ci
• Run npm start

To start the frontend:

• Navigate to the frontend folder
• Run npm ci
• Run npm start

A browsertab will automatically open and load the app.

Development set-up

If you don't have a favorite editor we highly recommend VSCode. We've also had some ESLint rules set up which will help you catch bugs etc. If you're using VSCode, install the regular ESLint plugin and you should be good to go!

You can open the root folder in one workspace, or /frontend and /backend in seperate workspaces - both should work fine.

The version of the package-lock.json files is v2, so use node v16 or higher to not introduce unnecessary changes. Just run nvm use if you have nvm installed.

For those of you using Prettier (not a requirement), there's an .prettierrc file to ensure no unnecessary changes to the existing code. It should be picked up automatically by Prettier.

Assignment

Your assignment is to improve this todo list application. At the moment the application is simple and can only create and remove todos. As is, nothing is persisted in the server. As a result all state is cleared when refreshing the page! Below follows one main task and 4 additional tasks. Your assignment is to complete the main task together with at least 2 out of 4 of the additional tasks. If you feel constrained by time (which is totally fine!), prioritize quality over quantity.

Main Task

Persist the todo lists on the server. Persisting in a database is not required. (Simple js structures on the server is fine). If you do go for an actual DB (again not required), be sure to include instructions of how to get it up and running.

Additional tasks

• Don't require users to press save when an item is added/edited in the todo list. (Autosave functionality) ✓
• Make it possible to indicate that a todo is completed. ✓
• Indicate that a todo list is completed if all todo items within are completed. ✓
• Add a date for completion to todo items. Indicate how much time is remaining or overdue.

Submission

Before submitting, read through all changes one last time - code quality matters!

If you have developed without ESLint set up, run npm run lint in both /backend and /frontend and fix any errors/warnings.

Send a link to your forked repository to your contact at Sellpy. Don't forget to mention which tasks you completed.