LearnHub

• 

  home page

• 

  daily challenge blurb

• 

  daily challenge process

• 

  leaderboard

• 

  tutorials home page

• 

  tutorial example

• 

  youtube tutorials

• 

  typing test

📚 About the Project: LearnHub 💡 Inspiration High school can feel overwhelming—students juggle multiple subjects, fast-paced classes, and constant pressure to perform. I noticed that many students don’t struggle because they can’t learn, but because they lack consistent, engaging ways to practice. I wanted to build something that makes daily skill-building feel quick, fun, and motivating instead of stressful.

🛠️ How I Built It

I developed LearnHub as a mobile-first web application focused on accessibility and engagement. The platform delivers:

Daily competitive challenge problems to encourage consistent practice Targeted training exercises across subjects A typing test feature to improve speed and accuracy

I designed the system around short, repeatable interactions to help students build habits instead of cramming. Started with FigmaMake to get ideas then used that to get final designs: https://www.figma.com/community/file/1630246756028682232 Then started code after getting site I like

🚧 Challenges I Faced

One of the biggest challenges was sourcing high-quality, accurate questions. I initially relied on API calls to dynamically fetch problems, but ran into issues with inconsistency and reliability. To ensure a smooth user experience, I pivoted to using curated default question sets combined with randomization, which maintained both quality and variety.

Balancing engagement with real educational value was another challenge. I had to make sure the app stayed fun while still being genuinely helpful.

📈 What I Learned

This project taught me how to:

Handle trade-offs between dynamic data (APIs) and reliability (local datasets) Design for consistency and user trust Build systems that combine education + gamification Focus on habit-building experiences rather than one-time use

LearnHub ultimately focuses on helping students grow through small, consistent wins.

Built With

• claude
• cloudinary
• cursor
• figmamake
• jsx
• react