How jayeemmmm0930/capstone-generator works
This is a capstone-project idea generator: a user submits a keyword and optional category, receives an AI-generated title and planning details, and reviews them in a result card. The frontend page owns the result state; the API endpoint calls OpenAI and parses its JSON response. Source excerpts show the main request and rendering path, but not the header, hero, or footer implementations.
Main entry points: GeneratorForm.tsx Keyword form · Index.tsx Generator page · generate.js Generation endpoint · App.tsx App routing
Components 9
Web experience
- React entry
src/main.tsx - App routing
src/App.tsx - Generator page
src/pages/Index.tsx - Keyword form
src/components/GeneratorForm.tsx - Project result
src/components/TitleCard.tsx
Generation service
- Generation endpoint
api/generate.js
External services
- OpenAI
- Browser clipboard
Other components
- Project seeker
Connections 10
- React entry → App routing: renders
- App routing → Generator page: routes to
- Generator page → Keyword form: renders
- Project seeker → Keyword form: enters request
- Keyword form → Generation endpoint: posts keyword/category
- Generation endpoint → OpenAI: requests generation
- Generation endpoint → Keyword form: returns project JSON
- Keyword form → Generator page: passes result
- Generator page → Project result: renders project details
- Project result → Browser clipboard: copies title