Back to Projects
Tech Leader Project

BrothersCars - Car Rental Dashboard

As Tech Leader at BrothersPhone (Algeria's biggest phone seller), I architected and built BrothersCars' enterprise car rental platform—designed to become Algeria's first online car rental application.

Car Rental Dashboard

The Challenge

BrothersPhone was launching a new branch—BrothersCars—and needed a scalable digital platform from scratch. The vision was ambitious: build Algeria's first online car rental app with real-time fleet management and cross-device administration.

The Solution

As Tech Leader, I architected a mobile-first platform with React 19, Express.js backend, and Prisma ORM. Delivered real-time data synchronization, responsive admin dashboard, and advanced analytics—all accessible on any device.

The Impact

  • Positioned to be Algeria's first online car rental app
  • Real-time sync across mobile, tablet, and desktop
  • Complete fleet & revenue tracking system

Technical Architecture

⚛️Frontend Stack

  • React 19 - Latest React features & performance
  • TypeScript - Type-safe development
  • Tailwind CSS - Rapid responsive UI
  • React Router v6 - Client-side navigation

Why? React 19 provides cutting-edge performance. Mobile-first design ensures admins can manage fleet on-the-go from smartphones.

🔧Backend Stack

  • Express.js - RESTful API server
  • Prisma ORM - Type-safe database access
  • PostgreSQL - Reliable data storage
  • JWT Auth - Secure authentication

Why? Prisma with PostgreSQL ensures data integrity. Express.js handles real-time updates efficiently for synchronized dashboard.

System Architecture


┌─────────────────────────────────────────────────────────────┐
│                   MULTI-DEVICE LAYER                        │
│  ┌──────────┐  ┌──────────┐  ┌──────────┐                 │
│  │  Mobile  │  │  Tablet  │  │ Desktop  │                 │
│  └────┬─────┘  └────┬─────┘  └────┬─────┘                 │
└───────┼────────────┼─────────────┼────────────────────────┘
        │            │             │
        └────────────┴─────────────┘
                     │
        ┌────────────▼─────────────┐
        │   React 19 Application   │
        │   (Real-time Sync)       │
        └────────────┬─────────────┘
                     │
        ┌────────────▼─────────────┐
        │     Express.js API       │
        │   • Fleet Management     │
        │   • Booking System       │
        │   • Analytics Engine     │
        └────────────┬─────────────┘
                     │
        ┌────────────▼─────────────┐
        │    Prisma + PostgreSQL   │
        │  • Car Inventory         │
        │  • Rental Records        │
        │  • Revenue Tracking      │
        └──────────────────────────┘
              

Key Features

📱

Mobile-First Admin

Full admin capabilities on smartphones with real-time fleet updates and seamless cross-device sync.

🚗

Fleet Management

Complete car inventory tracking with availability status, maintenance schedules, and location management.

📊

Advanced Analytics

Revenue tracking, booking analytics, and performance metrics with live dashboard updates.

Real-Time Sync

Instant data synchronization across all devices—manage fleet from anywhere, anytime.

🔒

Secure Authentication

JWT-based authentication with role-based access control for different team members.

📈

Revenue Reporting

Comprehensive financial reports with booking trends and profit margin analysis.

Screenshots

Dashboard Overview
Dashboard Overview
Fleet Management
Fleet Management
Analytics View
Analytics View
Booking System
Booking System

Experience the Platform Live

Try the demo dashboard with full access

Demo Credentials:

Username: demo

Password: younes