You can click the buttons below to view some screenshots of the site, as well as get more details on the project. Or you can visit the site itself by clicking here: View Site
Tools: React (w/ hooks and context API), Sass, ES5/6, Jest, and RESTful API consumption.
Task: Rebuild two 15 year old forms from the ground up to allow users to report potentially stolen vehicles.
Challenges: Manage all form state using only the context API?
Results: This was a straightforward project that allowed me to leverage what I had been learning about React's new context API and hooks while giving users a much cleaner UX.
Comments: After assessing the old forms (the other is nearly identical and for the Canadian organization and can be viewed here: https://www.carfax.com/contact/ibcform/), which were very out of date (just raw HTML inputs), I set about making this little form app with the intent of not using any state management tools, despite the difficulty of managing state on forms. Ultimately, the context API was quite sufficient to handle input values, validation, and error handling on its own.
Team Members: Mike Dolan (backend architecture)
Samples:
