Skill Sprint

landing page
Sign Up/Login
Learning Goals
Analyzing Learning Goals
Generated Learning Modules
Generated Learning lessons/Modules
Lesson Content
Resources per Lesson

SkillSprint: Your AI Learning Journey

Inspiration

The inspiration for SkillSprint came from the desire to make personalized education more accessible and effective. Traditional learning platforms often follow a one-size-fits-all approach, which can be demotivating for learners with diverse goals, experience levels, and time commitments. We wanted to leverage the power of AI to create a dynamic learning experience that adapts to each individual's unique needs.

What it does

SkillSprint is a personalized learning platform that uses AI to generate customized learning roadmaps, dynamic lesson content, curated resource links, and automated quiz questions. The platform adapts to each learner's goals, experience level, and time commitment to create a tailored educational experience. It provides users with a dashboard to track their progress, discover new courses, and continue learning where they left off.

How we built it

SkillSprint was built using the following steps:

Project Setup: Initialized a React project with TypeScript, Tailwind CSS, and Vite.
Firebase Integration: Configured Firebase for user authentication and database storage.
UI Design: Designed the user interface with a focus on simplicity and ease of use, using Lucide React icons for a consistent and modern look.
Perplexity API Integration: Implemented the Perplexity API to generate learning roadmaps, lesson content, resource links, and quiz questions.
State Management: Used React's built-in state management to handle user input and API responses.
Authentication: Implemented email/password and Google authentication using Firebase Auth, with input validation and error handling for a smooth user experience.
Testing and Debugging: Tested the application thoroughly and fixed any bugs.
Deployment: Deployed the application to Netlify.

Challenges we ran into

We encountered several challenges during the development of SkillSprint:

API Rate Limiting: Managing API usage to stay within rate limits.
Content Accuracy: Ensuring the accuracy and relevance of AI-generated content.
User Authentication: Implementing secure user authentication with Firebase, including handling various error cases and input validation.
UI Responsiveness: Making the user interface responsive across different devices.
Error Handling: Implementing robust error handling to provide a smooth user experience.

Accomplishments that we're proud of

We are proud of:

Personalized Learning Experience: Creating a platform that adapts to individual learning needs.
Seamless AI Integration: Successfully integrating the Perplexity API to generate high-quality educational content.
User-Friendly Interface: Designing an intuitive and engaging user interface.
Robust Authentication: Implementing secure and reliable user authentication with Firebase.
Complete Feature Set: Delivering a fully functional application with personalized roadmaps, dynamic lessons, resource curation, and interactive quizzes.

What we learned

Throughout this project, we gained a deeper understanding of:

AI-driven content generation: How to use language models to create educational content.
Personalized learning: The importance of tailoring learning paths to individual needs.
Firebase: User authentication and database management.
React: Building interactive and dynamic user interfaces.
API integration: Connecting different services to create a cohesive user experience.
Authentication Best Practices: Implementing secure and user-friendly authentication flows.