2025•Personal / Hackathon / Community challenge•2 Weeks (hackathon timeframe)
IntelliGrid: AI KendoReact Pricing Grid Generator
IntelliGrid enables users to input product and pricing data via a form, then uses AI to generate structured JSON and React code implementing a pricing grid layout built from KendoReact components. It simplifies and automates what is typically a manual UI task.
Prototype / Live Demo
Role: Full-stack Developer / Creator
Technology Stack
ReactKendoReactAI / LLM backendTypeScriptNode.js / serverless functionJSON generation
Challenges
- Translating user-input into structured pricing tiers
- Mapping JSON output to React + KendoReact UI code
- Ensuring styling and layout consistency with KendoReact
- Balancing AI flexibility with valid component output
Solutions
- Built a backend function to validate and structure AI output
- Used free KendoReact components to reduce licensing overhead
- Created a live preview & download code interface
- Restricted input forms to guide valid generation
Project Gallery
Results & Impact
Awarded Grand Prize in KendoReact Free hackathon
Demonstrated viability of AI-driven UI component generation
Generated reusable React + KendoReact code automatically
Received interest from the Kendo / Progress team