Discovery & Analysis

Complete analysis of current TruxFlow application state

Last Updated: Apr 2, 2026
14
Pages Discovered
7
UI Issues
4
Brand Colors
4
Modules Planned
1

Product Overview

What is TruxFlow?

A comprehensive trucking operations & dispatching platform designed for dispatch companies and carriers. Currently in MVP phase with Safety module as the foundation.


Status: MVP in development by fullstack developer

Initial User: WeLink Cargo (internal use before public launch)

Core Modules

  • 🛡️ Safety — Core module (in development)
  • 🚚 Dispatch — Multi-DOT, broker integrations
  • 💰 Accounting — QuickBooks sync, factoring
  • 📋 Task Management — Calendar, projects
2

Multi-Tenant Architecture

🏢 Dispatch Company (WeLink)
↓
🚛 Carrier 1
🚛 Carrier 2
🚛 Carrier N...
↓
👤 Users
🧑‍✈️ Drivers
🚚 Units
📦 Trailers
📱 Devices

Dispatch Company sees all carriers • Carrier Account sees only their own data

3

Current Tech Stack

⚛️
React
Frontend Framework
⚡
Vite
Build Tool
🎨
Tailwind CSS
Styling
☁️
Cloudflare
Hosting
4

Brand Identity

Color Palette

Primary
Navy Blue
#01377D
Primary
Cyan
#009DD1
Secondary
Teal
#2EDAC4
Text
Black
#000000

Typography & Logos

Primary font: Outfit (Google Font)

Outfit Bold - Headlines
Outfit Regular - Body Text
Outfit Light - Captions
TruxFlow Logo
5

Current Application State

Navigation Structure

📊 Dashboard Blank
├── Drivers Dashboard
├── Trailers Dashboard
├── Brokers Dashboard
├── Factoring Dashboard
└── Users Activity
🏢 Carriers 7 Records
├── Carriers List
└── Credentials List
👥 Users 7 Users
├── Users List
└── Roles
🧑‍✈️ Drivers Has Data
🚚 Units Trucks & Trailers
📱 Devices ELD & GPS
🤝 Contractors Has Data
🏷️ Subtypes 4 Types
💵 Factoring Empty
🏪 Brokers Empty
6

Current UI Screenshots

Carriers Page
Carriers List
Users Page
Users (Card Layout)
Drivers Page
Drivers + Dashboard
Units Page
Trucks/Units
Devices Page
Devices (ELD/GPS)
Contractors Page
Contractors
7

UI/UX Issues Identified

Issue Priority Notes
No branding/logo in app High Generic blue square instead of TruxFlow logo
Generic Tailwind styling High Looks like template, no brand identity
Dashboard is blank High Main page shows nothing
No search/filter on tables Medium Hard to find data in large tables
Basic empty states Medium Just text "No Data Available"
Simple charts Low Basic bar charts, could be improved
No breadcrumbs Low Hard to track location in app
8

Frontend Rebuild Plan

1 Project Setup Pending

React + Vite + Tailwind with TruxFlow branding

2 Core Components Pending

Sidebar, tables, forms, modals

3 Page Rebuilds Pending

Dashboard, Carriers, Users, all pages

4 API Integration Pending

Connect to existing backend

View detailed progress and next steps

Go to Progress Page →