App Preview

Live screenshots from the new TruxFlow frontend

In Development
1

Light Mode (Default)

TruxFlow Light Mode

Carriers Page - Light Theme

Default view for all-day work
2

Dark Mode (Optional)

TruxFlow Dark Mode

Carriers Page - Dark Theme

Toggle via sidebar button
3

Collapsed Sidebar

TruxFlow Collapsed Sidebar

Carriers Page - Collapsed View

Icons only for more content space
✓

What's Built So Far

Layout & Navigation

✓ Collapsible sidebar (icons + text ↔ icons only)
✓ TruxFlow branding & colors
✓ Dark mode toggle
✓ Navigation with active states

Data Table

✓ Always visible action buttons
✓ Search functionality
✓ Status badges (Active/Pending/Inactive)
✓ Pagination controls

UI Components

✓ Buttons (primary, secondary, outline)
✓ Form inputs with focus states
✓ Icon integration (Lucide)
✓ Hover & transition effects

Tech Stack

✓ React + TypeScript
✓ Vite build tool
✓ Tailwind CSS v4
✓ TruxFlow brand tokens
→

Next Up

💬

Modal Forms

Add/Edit dialogs

📊

Dashboard

Stats & charts

🧑‍✈️

Drivers Page

Full profile view

🔗

API Integration

Connect backend