How rajithsundar/englo works
Englo Studio is an interview-preparation platform for explaining algorithm solutions in plain English and designing distributed-system topologies. Users choose a challenge, work through an algorithm or canvas-based architecture exercise, and inspect evaluation feedback; the platform also documents authentication, Razorpay checkout/payouts, and certificates. The graph reflects sampled wiring and README capabilities; some peripheral integrations are represented at their documented subsystem boundary because their implementation was not sampled.
Main entry points: App.tsx App shell · usePlatformStore.ts Platform state · server.ts HTTP API · AlgoWorkspace.tsx Algorithm workspace
Components 24
App experience
- App shell
src/App.tsx - Landing experience
src/components/landing/LandingPage.tsx - Challenge dashboard
src/components/DashboardView.tsx - Navigation
src/components/Navbar.tsx
Practice workspaces
- Problem catalogue
src/data/problems.ts - Algorithm workspace
src/components/algo/AlgoWorkspace.tsx - Plain-English editor
src/components/algo/AlgoEditor.tsx - Algorithm results
src/components/algo/AlgoOutputConsole.tsx - Topology canvas
src/components/canvas/SystemDesignWorkspace.tsx - Canvas components
src/components/canvas/NodePalette.tsx - Architecture results
src/components/canvas/ArchOutputConsole.tsx - Automated test suite
src/components/testing/AutomatedTestSuiteModal.tsx
Evaluation engines
- Invariant evaluator
src/services/algoEvaluator.ts - Topology evaluator
src/services/systemDesignEvaluator.ts - Vertex AI evaluation
src/server/vertexService.ts
Platform services
- Platform state
src/store/usePlatformStore.ts - HTTP API
server.ts - Profile storage
src/server/storage.ts
Fintech capabilities
- Authentication
src/components/auth/AuthView.tsx - Razorpay checkout
src/components/checkout/RazorpayCheckoutModal.tsx - RazorpayX payouts
src/components/payout/RazorpayXBountyModal.tsx - Certificates
src/components/credential/VerificationCertificateModal.tsx
Other components
- Candidate
- Google Vertex AI
Connections 34
- Candidate → App shell: uses
src/App.tsx - App shell → Landing experience: renders
src/App.tsx - App shell → Challenge dashboard: renders
src/App.tsx - App shell → Navigation: renders
src/App.tsx - App shell → Algorithm workspace: renders
src/App.tsx - App shell → Topology canvas: routes to
src/App.tsx - App shell → Automated test suite: renders
src/App.tsx - App shell → Authentication: routes to
src/App.tsx - App shell → Razorpay checkout: renders
src/App.tsx - App shell → RazorpayX payouts: renders
src/App.tsx - App shell → Certificates: renders
src/App.tsx - Challenge dashboard → Problem catalogue: displays
src/components/DashboardView.tsx - Challenge dashboard → Platform state: reads state
src/components/DashboardView.tsx - Algorithm workspace → Plain-English editor: renders
src/components/algo/AlgoWorkspace.tsx - Algorithm workspace → Algorithm results: renders
src/components/algo/AlgoWorkspace.tsx - Algorithm workspace → Platform state: reads state
src/components/algo/AlgoWorkspace.tsx - Topology canvas → Canvas components: renders
src/components/canvas/SystemDesignWorkspace.tsx - Topology canvas → Architecture results: renders
src/components/canvas/SystemDesignWorkspace.tsx - Topology canvas → Platform state: reads state
src/components/canvas/SystemDesignWorkspace.tsx - Platform state → Invariant evaluator: evaluates
src/store/usePlatformStore.ts - Platform state → Topology evaluator: evaluates
src/store/usePlatformStore.ts - Automated test suite → Invariant evaluator: runs tests
src/components/testing/AutomatedTestSuiteModal.tsx - Automated test suite → Topology evaluator: runs tests
src/components/testing/AutomatedTestSuiteModal.tsx - Candidate → HTTP API: submits requests
server.ts - HTTP API → Problem catalogue: serves catalogue
server.ts - HTTP API → Vertex AI evaluation: requests evaluation
server.ts - HTTP API → Invariant evaluator: falls back to
server.ts - HTTP API → Topology evaluator: evaluates topology
server.ts - HTTP API → Profile storage: updates profiles
server.ts - Platform state → HTTP API: fetches profiles
src/store/usePlatformStore.ts - Vertex AI evaluation → Google Vertex AI: generates evaluation
src/server/vertexService.ts - Authentication → Platform state: uses state
src/components/auth/AuthView.tsx - Razorpay checkout → Platform state: uses state
src/components/checkout/RazorpayCheckoutModal.tsx - RazorpayX payouts → Platform state: uses state
src/components/payout/RazorpayXBountyModal.tsx