Learn your way

Re-imagining AI visualisation for every learner

Comment 1

https://www.loom.com/share/077fadc1de894570bdb7a275efeddc2f

Inspiration

Learn your way was born from the frustration of one-size-fits-all educational content. We realized that everyone has a unique learning style, pace, and preference for how information is presented. Traditional learning platforms force users to adapt to their format, but we wanted to flip that model and let the content adapt to the learner instead.

What it does

Learn your way is an AI-powered educational platform that adapts content to your personal learning style. Users input a topic they want to learn about, and our system generates customized educational content tailored to their preferences—whether that's visual diagrams, step-by-step tutorials, analogies, or hands-on examples. The platform uses Daytona for workspace management and integrates with AI models to dynamically generate and visualize learning materials, including sequence diagrams for technical concepts.

How we built it

  • Frontend: Next.js 14 with TypeScript and Tailwind CSS for a responsive, modern UI
  • AI Integration: Claude AI for content generation and adaptation
  • Development Environment: Daytona for consistent, reproducible development workspaces
  • Code Quality: CodeRabbit for automated code reviews and sequence diagram generation
  • Visualization: Mermaid.js for rendering sequence diagrams and technical visualizations
  • API Architecture: Next.js API routes for seamless backend integration

Challenges we ran into

  • Designing an intuitive way to capture diverse learning preferences without overwhelming users
  • Generating high-quality, accurate educational content that adapts to different learning styles
  • Integrating Daytona workspace management while maintaining smooth development workflows
  • Creating meaningful sequence diagrams that actually help visualize complex concepts
  • Balancing AI-generated content with educational best practices

Accomplishments that we're proud of

  • Built a fully functional adaptive learning platform in a hackathon timeframe
  • Successfully integrated Daytona for streamlined development environment management
  • Created an elegant, user-friendly interface that makes personalized learning accessible
  • Implemented real-time content generation that feels responsive and natural
  • Generated sequence diagrams that effectively visualize technical workflows and concepts

What we learned

  • How to leverage Daytona for consistent development environments across team members
  • Effective prompt engineering techniques for generating educational content
  • The importance of user experience in educational technology
  • How CodeRabbit can automate code review and documentation processes
  • Techniques for visualizing complex system interactions through sequence diagrams

What's next for Learn your way

  • Add support for more content formats (video scripts, interactive quizzes, flashcards)
  • Implement progress tracking and spaced repetition for better retention
  • Create a community feature where users can share their customized learning paths
  • Expand visualization capabilities beyond sequence diagrams (flowcharts, mind maps, etc.)
  • Integrate with popular learning management systems (LMS)
  • Add multi-language support for global accessibility

Built With

Share this project:

Updates