This web app was created as a solution for a fictional auto customization company called Corvus Customs. The goal of the app is to provide customers with a web interface to explore the parts available and save customized vehicle profiles to facilitate work orders.
The front end of the application is built using the Svelte JavaScript framework and the Tailwindcss CSS Utility framework. The back end is built using the Firebase Firestore noSQL database and the Firebase User Authentication service.
The application was designed using the factory function paradigm to generate the vehicle objects and the various part objects. Data is streamed using observers and utilize Svelte's data stores to provide real time reactive CRUD operations.
App Screenshots:
App Login Screen:
Validation on login fields as well as submit:
User landing page with vehicle list:
Individual vehicle page with part icons:
Search filtering for part lists:
CRUD example for part creation:
Admin panel reporting of vehicles in database:
User Experience and Interface design was wireframed first using Figma.
