CodeQuest

Inspiration

Learning to code can become overwhelming due to the amount of information available online. I wanted to create a learning experience that breaks down JavaScript concepts into digestible chunks with an in-browser code editor and personalized feedback.

What I learned

I gained valuable insights into creating scalable design, particularly in creating components and pages that grow alongside the data. I also deepened my understanding of user experience, focusing on making the lessons interactive and engaging.

How I built my project

• Frontend: React, Next.js, Tailwind, Monaco-editor
• Backend: Supabase for user authentication
• AI Integration: Together API
• Deployment: Vercel

Challenges I faced

• Making sure the coding assistant provided accurate and helpful feedback without overwhelming the user
• Integrating the code editor

Built With

• next
• react
• supabase
• tailwind
• together-ai
• typescript
• vercel