CarApp

CarApp is built as a full-stack vehicle booking & management platform with focus on both user experience and admin operations. I employed Next.js + React for the frontend and a GraphQL server (Node + Prisma + PostgreSQL) for the backend to provide strongly typed, efficient API interactions.

All data fetching (vehicles, features, pricing, bookings) is done via GraphQL queries and mutations. I structured the schema so vehicle types, feature associations, and pricing tiers are dynamically configurable, giving users and admins flexibility.

JWT authentication has been implemented for secure user & admin login sessions, ensuring role-based access control across the application.

I ensured data consistency with Prisma migrations and leveraged PostgreSQL for relational data integrity (e.g. many‐to‐many between vehicles and features).

On the frontend, responsive UI handles image loading/fallbacks, filter/search states, and optimized rendering. Also handled error/fallback states for missing images etc., improving UX robustness.

• Built a GraphQL API for all core data models: Vehicle, Feature, VehicleType, Manufacturer, Booking, Pricing.
• Implemented JWT authentication for secure user and admin access.
• Implemented many-to-many relations (vehicles ↔ features, vehicles ↔ vehicle types) with Prisma.
• Used Next.js for SSR/SSG where appropriate, with dynamic pages for vehicle detail views.
• Set up image fallback mechanisms, client-side state for filters & search, and ensured responsive UI UX.
• Designed admin panel with CRUD capabilities for content management via GraphQL mutations.

Sign In

Admin Sign In

Main Car Listing Page

List of available vehicles with search, filters and images rendered using Next.js for client-side dynamic filtering.

Vehicle Detail & Pricing Page

Detailed view showing vehicle features, price tiers, and availability, fetched via GraphQL queries.

Booking Workflow

Users can book vehicles, choose dates & view booking summaries; managed with State and GraphQL mutations.

Stripe Payment

Admin Dashboard

Admin panel for handling vehicles, manufacturers, models, pricing and user management. CRUD operations via GraphQL.