Filters Task

Modal dialog functional requirements

• (+) button creates new line of filtering criteria
• (-) button deletes criteria
• Filter should contain at least one criteria
• There can be 3 types of criteria:
  • Amount with number comparing conditions
  • Title with text comparing conditions
  • Date with date comparing conditions, date choice can be represented by date picker or 3 combo boxes
• Each added criteria default as “Amount” type
• Comparing conditions should correspond to selected criteria type
• Filter dialog should have fixed size and be configurable to operate in modal/non-modal mode
• Let the user resize only the height
• If there are more rows than dialog can fit, scrolling should appear
• In non-modal mode user by clicking “Add Filter” button sees filter dialog as part of pag

General Rundown of the Stack

• Java 21
• Spring Boot 3
• Node 22
• Angular 18
• H2

How to run the project

• Install docker and docker-compose if you haven't already
• Run docker-compose build in the root directory
• Run docker-compose up in the root directory
• Open your browser and go to localhost:4200

FE URL

localhost:4200

BE Endpoint

localhost:8080/api/v1/filters

Swagger

The swagger documentation can be found at http://localhost:8080/api/v1/swagger-ui/index.html