How nithinrajboppudi31-lgtm/webtoai works
WEBTO AI is an AI-assisted web application builder. Users enter a prompt in the workspace; the backend generates project code through Gemini and manages project data, while the workspace supports preview and source export. The product also exposes project, template, discovery, history, deployment, account, and billing areas. Evidence is partial: several page implementations and most server routes were not sampled, so their detailed wiring is omitted.
Main entry points: App.jsx App router · index.js API server · Workspace.jsx AI workspace · Credits.jsx Credits and billing
Components 18
Web application
- App router
webto-ai/src/App.jsx - AI workspace
webto-ai/src/pages/Workspace.jsx - Projects
webto-ai/src/pages/Projects.jsx - Templates
webto-ai/src/pages/Templates.jsx - Explore
webto-ai/src/pages/Explore.jsx - Build history
webto-ai/src/pages/History.jsx - Deployments
webto-ai/src/pages/Deployments.jsx - Credits and billing
webto-ai/src/pages/Credits.jsx - Authentication state
webto-ai/src/context/AuthContext.jsx - Public preview
webto-ai/src/App.jsx - Login and signup
webto-ai/src/pages/Login.jsx - Settings
webto-ai/src/pages/Settings.jsx
Backend services
- API server
server/index.js - Code and chat generation
server/services/aiService.js
Persistent state
- Application records
server/prisma/schema.prisma
Other components
- User
- Google Gemini
- Razorpay
Connections 20
- User → App router: uses
- App router → AI workspace: routes to
- App router → Projects: routes to
- App router → Templates: routes to
- App router → Explore: routes to
- App router → Build history: routes to
- App router → Deployments: routes to
- App router → Credits and billing: routes to
- App router → Login and signup: routes to
- App router → Settings: routes to
- App router → Public preview: routes to
- AI workspace → API server: requests API
- API server → Code and chat generation: calls generation
- Code and chat generation → Google Gemini: generates with
- API server → Application records: reads and writes
- Authentication state → API server: fetches profile
- Credits and billing → API server: requests payment
- API server → Razorpay: creates checkout
- Public preview → API server: fetches published project
- API server → Application records: updates deployment