AI-Tutor-AI-Learning-Companion

• 

  Code to bulid the project using kiro Ai

• 

  Prototype

Inspiration

Students and developers often struggle to understand complex code or programming concepts, leading to frustration and slower learning progress.

What it does

AI Tutor is an educational web application that demonstrates the power of AI-assisted learning. Users can paste code, problems, or any text content and receive instant, step-by-step explanations. The system breaks down complex topics into digestible learning experiences, making programming concepts easier to understand.

How we built it

AI: Kiro AI

Frontend: HTML5, Tailwind CSS, JavaScript

Styling: Tailwind CSS with custom animations and dark mode

AI Simulation: Mock responses demonstrating AI capabilities

Backend: None (pure frontend hackathon demo)

Challenges we ran into

Our biggest challenge was simulating AI explanations without a real backend. We had to design mock responses that still felt interactive and useful, while keeping the app lightweight for a hackathon demo. Balancing responsive UI, dark mode, and smooth animations under time pressure was another hurdle, but it taught us how to optimize quickly and work as a team.

Accomplishments that we're proud of

We’re proud that we turned an idea into a working AI Tutor prototype within a short hackathon timeframe. We also thank Kiro AI developers for providing such a useful tool that made this project possible.

What we learned

Through this project, we learned how to use Kiro AI as a powerful tool to rapidly build and prototype applications. We gained experience in designing responsive UIs with Tailwind CSS, simulating AI logic without a backend, and structuring explanations to make technical content easy to understand. Most importantly, we learned the value of quick decision-making, collaboration, and building creative solutions under pressure.

What's next for AI-Tutor-AI-Learning-Companion

Real AI Integration: Connect to production AI models

User Accounts: Save learning history and progress

Interactive Exercises: Practice problems with guided solutions

Multi-Language Support: Expand to more programming languages

Collaborative Learning: Share explanations with classmates

Voice Explanations: Audio narration of explanations

Built With

• ai
• css
• github
• html
• javascript
• kiro
• mock
• svg
• tailwind