Howard Motor Webapp
Freelance
Tech: React, Firebase (Auth/Firestore/Hosting), Tailwind, EmailJS. Focus was secure form flows and a mobile-first UI for non-technical users. I used least-privilege Firestore rules, serverless email hand-off, and simplified step forms. Result: mobile FCP ≈1.3s and fewer abandoned requests after validation + progress cues.
Key Highlights
- Solo development of complete freelance project from requirements to deployment
- Implemented secure Firebase authentication and Firestore database
- Built responsive mobile-first UI with Tailwind CSS
- Integrated EmailJS for automated customer notifications
- Deployed production app with Firebase Hosting
Problem
Howard Motor Corp needed to modernize their customer engagement process. Their existing system relied on phone calls and paper forms, leading to lost leads, slow response times, and difficulty tracking customer inquiries for their automotive services.
Solution
Developed a comprehensive web application with secure authentication, real-time database integration, and automated email notifications. Implemented a mobile-first design with step-by-step forms to guide non-technical users through the inquiry process smoothly.
Technical Challenge
Firebase security rules needed to be extremely restrictive while still allowing legitimate operations. EmailJS had strict rate limits and no queuing mechanism. Non-technical users struggled with complex forms, leading to high abandonment rates.
Technical Solution
Designed least-privilege Firestore rules using custom claims and granular permissions per collection. Implemented client-side email queuing with exponential backoff for EmailJS rate limits. Created a multi-step form wizard with progress indicators, auto-save functionality, and intelligent validation that reduced cognitive load.
Results
- Mobile First Contentful Paint achieved in ~1.3 seconds
- Reduced form abandonment through validation and progress indicators
- Zero security incidents with least-privilege Firestore rules
- Streamlined customer inquiry process from hours to minutes
- 100% mobile-responsive across all device sizes