Full Stack Web and Mobile Developer
AutoQuote is a full-stack application designed to streamline the vehicle repair and parts procurement process. The platform allows customers to receive service quotations, schedule appointments with nearby body shops, make payments, and track service progress — all from a centralized system. I built and contributed to the system across web (Next.js), mobile (React Native), and backend (Node.js + MongoDB).
---
🔧 Responsibilities & Tech Stack
👨💻 Frontend – Web (Next.js)
Stack: Next.js 14, Tailwind CSS, ShadCN UI, Zustand, TypeScript
Built a responsive UI for customers to:
View, accept, and negotiate service quotations.
Book appointments and get estimated repair durations.
View service provider profiles with ratings, location, and distance.
Integrated Stripe Checkout for secure online payments.
Implemented “Get Directions” functionality with Google Maps using query_place_id to help users navigate to the bodyshop.
Designed a dynamic quote & appointment dashboard showing status, visit date, and price.
📱 Mobile – React Native
Stack: React Native, Expo, Zustand, Axios
Replicated core web features for mobile: booking, quotation approval, payment, and service history.
Used device geolocation to compute and display the nearest workshops.
Provided push notifications for appointment reminders and quotation updates.
🧠 Backend – Node.js + Express + MongoDB
Stack: Node.js, Express, MongoDB, Mongoose, Stripe
Built a RESTful API to handle:
Customer, business, and appointment management.
Quotation lifecycle (creation, negotiation, status tracking).
Secure Stripe Checkout session creation and webhook verification.
Managed appointment cancellation and tracking, including cancellation reason and source (user or business).
Implemented role-based access control (RBAC) for customers and service providers.
Connected backend to MongoDB Atlas with efficient indexing and Mongoose schema design (referencing vehicles, quotations, and payments).
---
🌟 Key Features
📍 Smart Quotation Matching: Customers submit damage info; shops reply with quotations based on images and notes.
📆 Appointment Scheduling: Real-time booking system that prevents overlaps and allows date filtering.
💳 Stripe Payments: Integrated checkout with webhook support for status tracking.
🗺️ Google Maps Integration: Direct navigation to service providers using precise coordinates and place_id.
📱 Cross-platform Access: Consistent experience across web and mobile using shared component logic and API structure.
---
💡 Outcome
This project demonstrates my ability to architect and implement a full-stack solution — from data modeling and API design to responsive UI/UX and mobile experience — suitable for a modern SaaS service in the automotive domain.