Add Page

Add a New Frontend Page

Follow this workflow when adding a new page to NeuroBoost.

Steps

1. Create Page Component

Create web/src/pages/{Name}/{Name}Page.tsx:

export default function ExamplePage() {
  const { user } = useAuth();

  return (
    <div className="p-6">
      <h1 className="text-2xl font-bold mb-4">Page Title</h1>
      {/* Page content */}
    </div>
  );
}

• Use useAuth() from contexts/AuthContext for user data
• Use API client from api/ for data fetching
• Use Tailwind CSS for styling, Lucide React for icons
• Dark theme is default — use zinc palette colors

2. Add Route

In web/src/router.tsx, add: