LearningPath

• 

  recommended resorces

• 

  roademap

• 

  homepage

Inspiration

What it does

🚀 Inspiration Learning online is overwhelming—with endless tutorials, platforms, and opinions, it’s hard to know where to start or stay consistent. We wanted to solve this by creating a simple tool that crafts a personalized learning roadmap in seconds, tailored to your goals, skill level, and schedule—with the help of AI.

💡 What it does LearnSphere is an AI-powered web app that generates customized day-by-day learning plans based on a user’s:

Goal (e.g., “Learn Python”)

Timeframe (e.g., “in 10 days”)

Skill Level (e.g., Beginner, Intermediate)

It uses OpenAI's GPT API to generate a structured learning path and (optionally) recommend free online resources, making education more accessible, efficient, and personalized.

🛠️ How we built it Frontend: React + Tailwind CSS for a fast, responsive user interface

Backend/API: OpenAI GPT-4 API to generate personalized learning paths

Optional Tools: YouTube API for curated resource recommendations

Deployment: Hosted on Vercel for instant access

🧱 Challenges we ran into Prompt engineering for GPT to generate meaningful and structured study plans

Staying within token limits while including resources and formatting

Designing a clean and intuitive UI that works well even on mobile

🏆 Accomplishments that we're proud of Built and deployed a working AI tool in under 24 hours

Created a genuinely helpful tool that can aid learners of all levels

Made AI accessible to anyone trying to learn something new

📚 What we learned How to integrate OpenAI’s GPT API into a React app

Effective prompt crafting for specific, structured outputs

The importance of scoping features to ship fast but with impact

🔮 What's next for LearnSphere Add user accounts to track progress and revisit plans

Support multiple learning goals at once

Gamify the learning experience with badges and streaks

Suggest community-curated resource bundles or playlists

Built With

• api
• gimini
• google-cloud
• javascript
• react
• tailwind