diegogriep / condition-editor-ui

Condition Editor UI

The best editor in the world :)

Hello there 👋

It’s important to mention that I did it on vanilla javascript because this way could be library/framework agnostic.

Available on https://condition-editor-ui.vercel.app/

I've split the work on a project like a Kanban with my thoughts and commits relations.

1. I did the UI part first, the data was only HTML. I tried to make the application compatible with small devices.
2. Integrate the filters between them.
3. Get the data from the datastore file as a service.
4. Join the filters with the "dynamic" data. This was the hard thing to do because there were different criteria.
5. Unit testing. I've tried to cover all scenarios. (You can run the test with yarn test)

Time spent: 13 hours + 2 hours for testing.

Thank you! 🙏

condition-editor-ui's Issues

Improve README

Create the UI for the condition editor

Layout:

Create the unit tests

Integrate the filters between them

Operators define the relationship between properties and property values.

Certain operators are only valid for certain property types, operator behavior and valid operators for each property type are defined as follows:

Get the data from datastore file

Integrate the static table with the data from the datastore file.

Integrate filter with the product list

The main goal here is to integrate the filter with the product list.