skillPath.AI

SkillPath.ai is a platform for tailored learning resources. Whether it's a course, or a tutorial, SkillPath.ai curates the best content from across the web based on your specific topics of interest.

Comment

Inspiration

Often in this currently competitive market, one needs to constantly upskill themselves to be in contention. Learning new skills can possess multiple challenges; one of them being confusion regarding resources to study from. The motivation stemmed from our passion for learning platforms and personalizing the experience for each individual. While traditional platforms provide a static list of resources, we wanted to build something smarter, a platform that not only provides courses but adapts based on the learner’s progress and preferences. Inspired by the potential of AI and real-time collaboration, we decided to integrate these technologies to enhance the overall learning experience. skillPath.AI ensures that you no longer need to spend precious hours scraping the internet, to find the perfect learning pathway, suited for you.

What it does

skillPath.AI is a smart learning platform that utilizes Convex for real-time data management and authentication, while incorporating a i driven personalized learning paths. The platform adapts dynamically to user progress, provides tailored course recommendations across renowned sites. Our goal is to enhance user engagement, streamline learning and offer an interactive and adaptive learning experience.

How we built it

The convex developer resources available were used to produce skillPath.AI in React environment utilizing the convex functions dictionary. The authentication necessary to access the features was integrated in our product using convex auth; a library for implementing authentication directly within the convex backend. This allows us to authenticate users without needing external services. Convex auth through its backend environment ensures that the user is signed in all the segments of the app consistently. The UI was designed based on modern user interfaces, offering a clean, intuitive experience for learners. We used React to build interactive components and Vite for fast development. TypeScript ensured type safety, reducing runtime errors. We implemented real-time progress tracking and integrated the dashboard UI to display course recommendations, search functionality, and collaboration tools (study groups).

Challenges we ran into

Convex, providing the backend support was extremely crucial yet its integration into specifically modelled projects proved to be quite the challenge. The typescript based environment required thorough manipulation via a discrete eye. One of the biggest challenges was handling CORS (Cross-Origin Resource Sharing) when making requests between the frontend (running on a different port) and the backend. We solved this by using the flask-cors package in Flask and configuring Axios proxy settings in React. Scraping data from Coursera and dynamically displaying it on the frontend came with its challenges. Formatting inconsistencies, dynamic HTML changes, and course availability were tricky to handle. We had to implement robust error handling to ensure the app didn’t crash on invalid data.

Accomplishments that we're proud of

We seamlessly integrated Convex for real-time data management and authentication, ensuring a smooth and secure user experience. The AI-driven course recommendations feature was successfully implemented, providing personalized learning paths that adapt to user preferences and progress. The backend system for scraping Coursera courses was robustly developed, allowing real-time fetching and displaying of up-to-date course information. The frontend interface was designed to be intuitive and responsive, allowing users to search for courses easily and view recommendations in a clean format.

What we learned

We gained a deep understanding of using Convex for real-time data management and how it can enhance user experiences by providing instant updates and synchronization. The project provided hands-on experience with full-stack development, including integrating frontend technologies (React, Vite) with backend services (Flask, Convex) and handling data fetching and state management.

What's next for skillPath.AI

We plan to further develop the AI algorithms to provide even more accurate and tailored course recommendations. This could include advanced models that predict user interests and learning styles more effectively. Integration with additional course providers and educational resources to offer a broader range of learning materials and opportunities to users. Enhancing the collaboration features to include more interactive study group functionalities, such as real-time discussions, group projects, and peer reviews. Introducing gamification elements such as badges, achievements, and leaderboards to increase user motivation and engagement. Exploring more opportunities, given additional time and experience, we can bring even greater innovation and value to the platform, evolving it far beyond what we’ve already achieved in just 2 days.

Built With

Share this project:

Updates