How sai-indupuri/interview-craftopia works
This is a React web application for individual and company users, with assessment-taking and mock interviews as its clearest practice workflows; the tree also identifies coding practice, custom assessments, profiles, and company dashboards. The app routes users to feature pages, while authentication is managed through a context and backend API client. The graph preserves named product areas and the observed auth wiring. Most feature-page and hook implementations were not sampled, so their internal calls and data flows are intentionally not asserted.
Main entry points: App.tsx Route Application · authService.ts Auth Service · backendClient.ts Backend Client · AuthContext.tsx Auth Context
Components 26
Application
- Route Application
src/App.tsx - Home Page
src/pages/Index.tsx
Identity
- Auth Pages
src/pages/Auth.tsx - Signup Page
src/pages/Signup.tsx - Auth Context
src/contexts/AuthContext.tsx - Auth Guard
src/components/auth/RequireAuth.tsx
Individual Practice
- Assessments
src/pages/Assessments.tsx - Assessment Landing
src/pages/AssessmentsLanding.tsx - Assessment Session
src/pages/AssessmentView.tsx - Assessment Results
src/pages/AssessmentResults.tsx - Assessment Interface
src/components/assessment/AssessmentControls.tsx - Mock Interviews
src/pages/MockInterviews.tsx - Interview Room
src/components/interview/InterviewRoom.tsx - Interview Landing
src/pages/MockInterviewsLanding.tsx - Coding Practice
src/pages/CodingPractice.tsx - Coding Landing
src/pages/CodingPracticeLanding.tsx - Custom Assessments
src/pages/CustomAssessments.tsx - User Profile
src/pages/Profile.tsx
Company Tools
- Company Profile
src/pages/CompanyProfile.tsx - Company Dashboard
src/pages/CompanyDashboard.tsx - Company Assessments
src/pages/CompanyCustomAssessments.tsx - Company Interviews
src/pages/CompanyMockInterviews.tsx
API Services
- Auth Service
src/lib/api/authService.ts - Backend Client
src/lib/api/backendClient.ts
Other components
- Visitor or User
- Application Backend
Connections 21
- Visitor or User → Route Application: opens
- Route Application → Home Page: routes
- Route Application → Auth Pages: routes
- Route Application → Signup Page: routes
- Route Application → Assessments: routes
- Route Application → Assessment Landing: routes
- Route Application → Assessment Session: routes
- Route Application → Assessment Results: routes
- Route Application → Mock Interviews: routes
- Route Application → Interview Landing: routes
- Route Application → Coding Practice: routes
- Route Application → Coding Landing: routes
- Route Application → Custom Assessments: routes
- Route Application → User Profile: routes
- Route Application → Company Profile: routes
- Route Application → Company Dashboard: routes
- Route Application → Company Assessments: routes
- Route Application → Company Interviews: routes
- Auth Context → Auth Service: calls
- Auth Service → Backend Client: calls
- Backend Client → Application Backend: HTTP requests