Skip to content

Commit

Permalink
Added introduction file
Browse files Browse the repository at this point in the history
  • Loading branch information
Daviddube committed Oct 6, 2024
1 parent 2ecf1f4 commit 3f91b67
Showing 1 changed file with 16 additions and 0 deletions.
16 changes: 16 additions & 0 deletions INTRODUCTION.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
# Frontend Challenge

## Layout
For this challenge, I decided to use Mantine as the component library. This allowed me to have a consistent UI without worrying about setting up all the styling.

## Async State Management
To manage my state and API calls, I used Tanstack (React) Query. This allowed me to easily handle success and error states as well as the loading overlay.

## Testing
Testing proved to be difficult. I had less experience setting up the wrappers for Mantine and providers, so I did not have enough time to create proper tests. Had I been able to use the proper wrappers, I would have created tests for the navigation between each page, the storing of the form values and ensuring that they stayed populated between each page, and testing the success and error possibilities when submitting the form.

## Possible Improvements
There are a few things that I could have improved in this solution:
- I could have made each field mandatory since they are required when submitting the form.
- With more time, I could have used typescript to enforce types. This would have been especially useful for the colours which could have been an enum.
- Lastly,

0 comments on commit 3f91b67

Please sign in to comment.