A full-stack TypeScript application that transforms natural language descriptions into structured app requirements and generates mock UIs using AI.
- AI-Powered Generation: Convert natural language descriptions into structured app requirements
- Dynamic UI Generation: Automatically create responsive mock interfaces based on extracted requirements
- Context-Aware Components: Intelligent component selection for e-commerce, admin dashboards, and user management
- Modern Tech Stack: React 18, Node.js, TypeScript, Tailwind CSS
- Comprehensive Testing: 357 tests with full coverage
- Production Ready: Deployed with custom domain support
# Install dependencies
npm install
# Start development servers
npm run dev
# Frontend: http://localhost:5173
# API: http://localhost:3001Enter a description like: "I want an app to manage student courses and grades. Teachers add courses, students enroll, and admins manage reports."
Generated Output:
- App Name: Course Manager
- Entities: Student, Course, Grade
- Roles: Teacher, Student, Admin
- Features: Add course, Enroll students, View reports
- Mock UI: Dynamic forms and navigation based on extracted data
- Frontend: React 18 + TypeScript + Vite + Tailwind CSS
- Backend: Node.js + Express + TypeScript
- AI Integration: Google Gemini API
- Testing: Jest (API) + Vitest (Web)
- Build: Turbo monorepo + npm workspaces
✅ All Epics Completed
- Epic 1: Core AI-to-UI generation
- Epic 2: Context-aware components and advanced features
- Epic 3: UI/UX enhancement and responsive design
📊 357 tests passing (45 API + 312 web)
🚀 Live Demo: https://my-app-maker.yushi91.com/
docs/requirement.md- Original requirementsdocs/architecture/- Technical documentationdocs/stories/- Development stories
MIT