How mergen601/depo-teklif-program- works
This is a React app for estimating modular water-tank costs and preparing commercial proposals. Users configure tank dimensions, type, quantities, material and labor costs, then request a calculation; the app sends structured inputs to Gemini and displays the returned cost breakdown and, when proposal parameters are supplied, a quote. The main UI, calculation request, and proposal presentation are concentrated in App.tsx. The graph follows the shown imports and calls; unsampled UI details are not separated into speculative subsystems.
Main entry points: App.tsx Calculator UI · geminiService.ts Calculation service · constants.ts Rules and constants · types.ts Calculation contracts
Components 8
User experience
- Calculator UI
App.tsx - Numeric inputs
components/InputGroup.tsx - Quote presentation
App.tsx
Cost calculation
- Calculation service
geminiService.ts - Gemini API
Shared domain
- Rules and constants
constants.ts - Calculation contracts
types.ts
Other components
- Estimator
Connections 9
- Estimator → Calculator UI: configures
App.tsx - Calculator UI → Numeric inputs: renders
App.tsx - Calculator UI → Calculation service: requests calculation
App.tsx - Calculation service → Gemini API: sends inputs
geminiService.ts - Calculation service → Rules and constants: uses instructions
geminiService.ts - Calculator UI → Rules and constants: uses module size
App.tsx - Calculator UI → Calculation contracts: uses input and result types
App.tsx - Calculation service → Calculation contracts: uses input and result types
geminiService.ts - Calculation service → Calculator UI: returns result
App.tsx