GARIBOOK BD (Car Rental Site)

GariBook BD - Car Rental Platform Case Study

Project Overview

GariBook BD is a full-stack car rental platform designed for customers to browse vehicles, request bookings, compare rental categories, and track booking status online. The project also includes a private operations dashboard for managing fleet data, customer requests, bookings, pricing, media assets, and promotional announcements.

The goal was to build a fast, trustworthy, and conversion-focused platform for a real-world transportation service while giving the business team practical tools to manage daily operations without depending on developers for routine updates.

My Role

I worked on the project as a full-stack developer, covering frontend experience, backend workflows, dashboard functionality, data modeling, media handling, and deployment preparation.

Key responsibilities included:

• Designing and implementing the public website experience.
• Building booking request and tracking workflows.
• Developing the private operations dashboard.
• Creating fleet, rates, bookings, customer, media, and popup management tools.
• Integrating database-backed content and operational data.
• Preparing the application for production deployment.

Core Features

Public Website

• Responsive homepage for a car rental brand.
• Vehicle fleet browsing with service categories.
• Vehicle detail pages with pricing, features, and gallery images.
• Rental rate pages organized by service area.
• Booking/contact form for customer inquiries.
• Public booking/request tracking experience.
• SEO-friendly page structure and metadata.
• Mobile-friendly navigation and call-to-action flow.

Operations Dashboard

• Secure login-protected dashboard.
• Fleet management with create, edit, publish, reorder, and gallery controls.
• Rental profile support for daily, wedding, and monthly packages.
• Booking request management with status updates.
• Confirmed booking/ticket management.
• Customer history lookup.
• Rate management for general and location-based pricing.
• Promotional popup and announcement management.
• Media library for uploaded images and documents.
• Business settings for operational email and announcement text.

Media Management

The project includes a dedicated media service for handling uploaded assets separately from the main application. This keeps media operations organized and makes the platform easier to deploy, scale, and maintain.

Media capabilities include:

• Image, video, and document uploads.
• Public media delivery.
• Metadata management.
• Reusable media selection inside dashboard forms.
• Persistent storage planning for production environments.

Technical Highlights

• Built with Next.js, React, TypeScript, and Tailwind CSS.
• Uses a database-backed architecture for dynamic fleet, booking, pricing, and dashboard content.
• Includes a separate Node.js media service for uploads and file delivery.
• Uses server-side workflows for secure operational actions.
• Supports email notifications for booking requests and confirmed tickets.
• Implements reusable data structures for service categories, vehicles, pricing, locations, and rental profiles.
• Includes production-oriented deployment scripts and standalone server configuration.

Architecture Summary

The platform is split into two main services:

1. Main web application

   Handles the customer-facing website, booking workflows, tracking pages, private dashboard, database operations, and email workflows.

2. Media service

   Handles upload, storage, metadata, and public delivery of media assets used across the website and dashboard.

This separation keeps the main app focused on business workflows while allowing media storage and delivery to be handled independently.

Product Decisions

• The public site prioritizes quick trust-building, clear vehicle information, and direct booking actions.
• The dashboard focuses on practical business operations instead of decorative analytics.
• Fleet data supports multiple rental models because car rental pricing changes by service type.
• Location-based rates are structured so business users can manage pricing by division, district, and upazila.
• Booking tracking is designed to reduce manual customer support follow-ups.
• Media is handled outside the main app so uploaded files can be managed with more flexibility in production.

User Experience Focus

The customer journey is designed around speed and clarity:

• Browse available vehicles.
• Understand service options and starting prices.
• Submit a booking request.
• Receive confirmation.
• Track request or booking status.

The dashboard experience is designed for repeated daily use:

• Quickly review new requests.
• Convert requests into bookings.
• Update fleet and pricing without code changes.
• Reuse uploaded media across vehicles and announcements.
• Keep customer communication organized.

Challenges Solved

• Supporting multiple rental types within one fleet management system.
• Handling both public customer workflows and private operational workflows in one platform.
• Keeping rates manageable across many geographic areas.
• Creating booking and request tracking without exposing private dashboard access.
• Separating media upload concerns from the main web application.
• Preparing a deployment flow suitable for shared hosting and Node.js hosting environments.

Technology Stack

• Frontend: Next.js, React, TypeScript, Tailwind CSS.
• Backend: Next.js server routes, Node.js, Express for media service.
• Database: MongoDB.
• Email: SMTP-based transactional notifications.
• UI: Responsive layouts, reusable components, icon-based dashboard controls.
• Deployment: Standalone Node.js build with separate media service deployment.

Outcome

The final platform gives GariBook BD a complete digital booking and operations system:

• Customers can explore services, submit requests, and track progress.
• Operators can manage fleet, rates, bookings, customers, media, and campaigns.
• The business can update important content without developer involvement.
• The system is structured for future growth, including more vehicle categories, service areas, and operational workflows.

Portfolio Summary

GariBook BD is a production-ready full-stack car rental platform with a customer-facing website, private operations dashboard, booking workflow, dynamic fleet management, location-based pricing, customer tracking, email notifications, and a standalone media server.