matmedev/avast-task-recording

Technical task implementation for Avast

avast-task-recording's Issues

Implement Reordering

Items should be draggable and user should be able to reorder them by dragging.

Setup backend file hosting

The content of the following file needs to be available on an endpoint: https://www.dropbox.com/s/rwbflb2v84c1173/task.recording.json.zip?dl=0&file_subpath=%2Ftask.recording.json

Implement Delete

Each item should have an X at the end. When pressed, the item should be removed from the list

Setup Next.js project

Implement Save functionality

Save button should be available above the list. When pressed, a JSON file should be generated based on the current state to download.

Implement Stats page

A Stats button should be available above the list, that should navigate to the Stats page.

On the stats page, there should be a Back button to navigate back to home. Below the Back button, there needs to be the following statistics in a grid:

• Count of events per types
• MIN/MAX/MEAN time between interactions
• Length of the longest sequence of following input events - after filtering out focus events
• Total time of interactions (sum of all the events) (basically last minus first)
• ...
• anything that sounds interesting.

Rework reordering

Create records UI

Fetched records should be rendered in a list with the following data visible:

• Event type
• Tag name
• Date+time