Design system test challenge

Design

I had to create a prototype where checkbox states were saved when navigating between the prototype, auto layout was used, and the navigation worked.

Then I had to create component cards that could be easily adjusted into a grid.

Finally, I created a success toast and prototyped its interactivity to work when you select a card. I added an action to the toast along with a timer.

Design

I had to audit the designs given and create components that would allow interactivity in the prototype.

I created components for checkboxes, tables, sidebars, toasts, and cards.

View Prototype →

In the prototype, you can select checkboxes to maintain component states. This was created in the original components.

In the cards, I included hover states and interactions that include toasts.

The toasts have close buttons but they also have an auto-close timer in the prototype.