Codebase Map

Repository Map

agora-tutoring-client/
  src/
    pages/            # Next.js routes and page-level flows
    sections/         # larger reusable UI sections
    components/       # shared UI components
    hooks/            # reusable React hooks
    utilities/        # shared helpers and integrations
    fragments/        # shared GraphQL fragments
    contexts/         # cross-page state contexts
    assets/           # static images and icons
  next.config.js      # Next.js project configuration

Major Product Areas (by routes)

• Auth and onboarding: signup, login, reset/verify flows
• Discovery/search: search pages, map/list overlays, filters
• Profile and settings: user pages, profile settings, subscriptions
• Messaging: inbox/chat sections and GraphQL subscriptions
• Support/help: contact, bug report, safety/contact flows

UI Composition Pattern

1. Route in pages/ controls page behavior and data fetching.
2. Page composes sections/ and components/.
3. GraphQL operations are defined in nearby .gql files.
4. Shared hooks/utilities handle cross-cutting concerns.

This keeps feature logic easier to locate and evolve.