Clarity

Have you ever wanted to learn something new but didn't know where to start? Clarity generates tailored, interactive course outlines, flashcards, and textual resources to teach you new concepts.

Comment

Clarity: AI-Powered Personalized Learning Platform

Clarity is an innovative, AI-driven self-learning platform that leverages the power of generative language models to help students create and manage their own learning. Clarity enables learners to craft tailor-made educational tracks that fit their specific interests, schedule, and commitment level.

How Clarity Works

Students using Clarity begin by providing key details such as:

  • Topic: The subject or skill they wish to study.

  • Duration: The length of time they want to dedicate (in weeks).

  • Study Hours: How many hours per week they can commit.

Based on this input, Clarity’s AI engine generates a customized learning plan with tailored content that aligns with the student’s needs. After the course is generated, learners can use the Explore dashboard, which offers a variety of interactive tools to deepen their understanding of the material.

Explore Dashboard Features

Chat Pages

A stack of structured and numbered conversation “pages” with the AI (powered by ChatGPT) allows users to maintain organized and segmented interactions. Learners can scroll through their previous conversations by hovering over the stack, ensuring easy access to past queries and answers.

Flashcard Generation

Users can generate AI-powered flashcards based on specific content they provide or from the learning material generated in their course. This feature supports active recall and helps reinforce important concepts.

Clarify Option

A unique highlight-and-clarify feature allows users to select any text in their course content and ask the AI to further explain or answer a specific question about the highlighted material. The response appears in a convenient pop-up window, making it easy to get quick clarifications without leaving the page.

Tech Stack

  • Frontend: Angular

  • Backend: Flask (Python)

  • Database: Supabase

  • LLM: ChatGPT 4-o mini

Why Clarity?

Clarity revolutionizes self-directed learning by combining the power of AI with a highly personalized educational experience. Whether you’re a student, a professional looking to upskill, or a lifelong learner, Clarity gives you the flexibility and resources to learn on your own terms, at your own pace.

Key Features:

  • Personalized Learning Plans: AI-generated courses tailored to your individual learning needs and goals.
  • AI-Driven Flashcards: Reinforce key concepts with automatically generated flashcards based on your course or specific content.
  • Clarify Feature: Highlight any text and instantly get deeper explanations or answers to your questions via a pop-up window.
  • Organized AI Conversations: Structured and numbered chat history with the AI for easy review and ongoing learning.

By merging AI technology with self-directed learning, Clarity empowers users to take control of their education, delivering tailored content and real-time clarification tools to maximize learning efficiency and engagement.

Where did this idea come from?

This idea came from a personal lived experience of the pain of self learning. While AI is a wonderful engine for learning, it is highly disorganized and not exactly designed with learning in mind. We realized this wastes a lot of the potential horsepower of learning. We decided to take a crack at fixing that!

Challenges we faced

All three of us come from very different technical backgrounds with not much overlap. This made choosing technology that we were all familiar with a little challenging to say the least. We decided on Angular, which two of us have never used before, and Python, which 2 of us were pretty well versed in. This made API creation, component creation, routing, and creating a database connection much more difficult; however, we were able to persevere, and tackle almost all challenges that came in our way!

Built With

Share this project:

Updates