TrackTik Frontend Challenge

Congrats 🥇

You are ready to complete the TrackTik Frontend Challenge !

Your goal is to create a small web application with two views :

To complete this challenge you need to communicate with the Challenge Rest API. At TrackTik we use VueJS, but you are free to use any tools you are most comfortable with.

This is a tiny app, but you are free to over-engineer it. The goal here is for you to showcase your skills.

Please provide a quick README.md which contains all the instructions to run your application. Feel free to document your technical choices.

Context and Rules 📜

Important take-aways and what we expect from this challenge :

Using Typescript is a requirement.
TS code will be reviewed by one or more developers. We expect that you follow best practices from web development. Maintainability, readability and bug-proof code will be an important aspect that we will review.
The final app build will also be reviewed with a Product Owner eye : Is the UI looking good ? How is the user-experience ? Is there any bug ?
The app should be responsive and functional in any device screen size (Mobile and Desktop).
Please add a pagination and a filtering mechanism.
Please add any type of tests.
If you want to showcase any extra skills, code-wise or UI-wise, feel free to add anything you want into your challenge 🙏
The mockups are just here to give you an idea, you can design those views as you think it is best.
This is a hiring challenge, not a client-facing application, so have fun and show us what you can do best 💪

API ☁️

You can access the API Documentation here

API base domain : https://tracktik-challenge.staffr.com

You are allowed to do mutation on resource via (POST/PUT/PATCH/DELETE) but if you mess up you can rebuild a valid dataset via GET /build-db. Dataset could be regenerated at any time.

Overview:

sites
clients
version
me
db (Please don't use /db endpoint on your challenge, this endpoint is just an helper to overview our API dataset ⚠️)

Thank you and have fun 🥳