Overview
Full-stack automotive service + parts platform built with Next.js 16, React 19, Tailwind CSS 4, and MongoDB. Drivers can explore marketing pages (home, services, about), book service appointments with slot-based scheduling, shop a parts catalog with search and filters, read product reviews, manage a cart, and pay with Stripe or PayPal. JWT-based auth covers registration, login, profile, and password reset.
The challenge
Cloudinary handles uploads (products, portfolio projects, team, testimonials, CMS imagery); Nodemailer drives transactional and contact-related email; PDF flows support order invoices and booking confirmations. An admin dashboard (with charts and optional analytics/report PDFs) supports day-to-day operations: inventory, bookings, orders, reviews, testimonials, team, users, message inbox, site settings, and portfolio/projects alongside the storefront.
Approach & outcome
Real-world usage (who does what, and why it matters) Drivers / retail customers (B2C) They land on a performance-oriented marketing site, read about services and heritage content, book a service with a clear time slot and vehicle context, browse and search parts (categories like spare parts, fluids, tyres, etc.), open product detail for specs and social proof from reviews, build a cart, and check out with a card or PayPal—similar to how a modern independent shop or specialty tuner sells both labor and retail SKUs online.
Shop management / front office They use admin to tune site copy and hero sections without redeploying, maintain inventory (pricing, sale/new badges, images), monitor bookings vs paid orders, moderate reviews and curate testimonials, and keep a team roster and project gallery credible—like running Shopify admin + a booking system, but on one custom stack.
Service advisors, fulfillment, and follow-up They rely on booking APIs and PDFs, order history and invoices, and email for confirmations, password resets, and contact threads—reducing “when is my appointment?” and “where is my receipt?” friction the same way a real shop leans on SMS/email plus paperless records.
One combined paragraph (single block) Full-stack Next.js automotive experience combining MongoDB-backed marketing CMS, service bookings with PDFs, and a parts storefront with search, cart, Stripe + PayPal, JWT auth and password reset, Cloudinary media, Nodemailer email, PDF invoices for orders, product reviews, and an admin hub with charts, analytics exports, users, messages, testimonials, team, and portfolio/project tools—real-world usage: customers book and shop like they would with a serious independent garage; staff run inventory, schedules, and reputation in one place; PDFs and email carry the post-sale and operational load so the business stays traceable and professional day to day.
