Preview Pages
See exactly how your app looks for different user roles. Test navigation, layouts, and data presentation.
⚙️ Role-based Access
Each role sees different pages, menus, and features based on their permissions.
🎯 Live Preview
These links open in new tabs so you can test the full user experience.
✏️ Customization
If you don't like how something looks, you can edit pages and components.
Onboarding & Setup
Initial setup wizard for new business owners
Tip: Right-click and "Open in new tab" to test navigation without leaving this page.
Client View
What clients see when accessing shared calendar and job updates
Tip: Right-click and "Open in new tab" to test navigation without leaving this page.
Contractor View
Independent contractors claiming jobs and managing work
Job Marketplace
Browse & claim available jobs
Calendar
View assigned jobs & schedule
Safety
Daily safety briefings & vehicle checks
Tip: Right-click and "Open in new tab" to test navigation without leaving this page.
Employee View
In-house workers managing jobs and time
Tip: Right-click and "Open in new tab" to test navigation without leaving this page.
Common Customizations
🎨 Styling & Layout
Edit colors, fonts, and spacing in index.css and tailwind.config.js
📄 Page Content
Modify pages in pages/ folder (Calendar, Jobs, Marketplace, etc.)
🧩 Components
Update reusable components in components/ folder
🔐 Role Access
Control who sees what in components/Layout.jsx nav items