• 

  Landing Page

• 

  Authentication Page

• 

  User Courses Page

• 

  Explore Another Projects Page

• 

  Select Course Category Page

• 

  Title and Description of the Course page

• 

  Generating Course Layout

• 

  Course Layout page

• 

  Generating content and youtube videos

• 

  Final Course Page

• 

  Start course page

• 

  Course page with chapters

• 

  Logout Page

SeedOfCode AI

Inspiration

The inspiration behind SeedOfCode AI stemmed from the need for a more personalized and accessible approach to coding education. We wanted to create a platform that tailors learning experiences to individual preferences, making coding more engaging and efficient for everyone.

What it does

SeedOfCode AI generates personalized coding courses using the power of AI. It integrates YouTube videos seamlessly to enrich learning materials, offering a dynamic and interactive experience. With secure user authentication and a fully responsive design, learners can access and manage their courses effortlessly across devices.

How we built it

• Frontend: Built with Next.js 15 and styled with Tailwind CSS for a modern, responsive design.
  
• Backend: API routes powered by Gemini for AI-driven course content generation.
  
• Video Integration: Leveraged YouTube Data API v3 for embedding relevant YouTube videos into course materials.
  
• Authentication: Integrated Clerk for secure user authentication and management.
  
• Database: Used PostgreSQL with Drizzle ORM for robust data handling.
  
• Hosting: Deployed on Vercel for seamless performance and scalability.
  

Challenges we ran into

• Ensuring seamless integration of Gemini and YouTube APIs for a smooth user experience.
  
• Optimizing the course content to align with diverse user preferences and skill levels.
  
• Balancing performance and responsiveness for both desktop and mobile platforms.
  

Accomplishments that we're proud of

• Successfully creating a platform that combines AI and video content to offer a unique learning experience.
  
• Implementing a fully responsive and user-friendly design.
  
• Securely managing user data and authentication using Clerk.
  
• Deploying the app on Vercel for reliable and scalable performance.
  

What we learned

• The importance of user-centric design when creating educational platforms.
  
• Advanced integration techniques for third-party APIs like Gemini and YouTube Data API.
  
• Effective deployment strategies with Vercel for scaling modern web applications.
  

What's next for SeedOfCode AI

• Expanding course offerings to cover more programming languages and technologies.
  
• Enhancing AI capabilities for even more personalized learning paths.
  
• Introducing community features like peer discussions and collaborative projects.
  
• Developing a mobile app for an even more accessible learning experience.
  

Built With

• clerk
• drizzle-orm
• google-gemini-api
• nextjs
• postgrasql
• tailwindcss
• vercel
• youtube-api-v3