ChatEDU

Learning shouldn’t feel like a chore.

Comment

Inspiration

Despite the success of ChatGPT as a general chat model, we’ve found that there exists significant opportunity for improvements in the realm of education.

What it does

ChatEDU takes anything you want to learn, and turns it into a focused tutoring session. Instead of reading notes, users get to engage directly with a virtual teacher. They can opt for various methods of learning, such as:

  • Study Guide
  • Multiple choice
  • Long answer
  • A focused contextual session

Users simply provide ChatEDU with a text file of their desired learning material, and the platform instantly transforms it into an interactive learning experience.

How we built it

Tech Stack

  • Next.js + React
  • GPT-4 + Vercel AI SDK
  • Firebase Authentication and Firestore
  • ChakraUI

Novelties

ChatEDU is a web-based application that takes notes, articles, research papers, or any text that a user wants to learn from, and creates interactive learning experiences for users to progress through.

  • 🔭 We use a robust persistence system to create learning environments based on specific contexts the user wants to learn from, ensuring that GPT is laser-focused on the desired content.
  • ⚠️ Our team identified several challenges with using ChatGPT for educational purposes and addressed them in our build. For instance, we removed the need for extensive prefix/postfix prompting and made the system more user-friendly.
  • ✅ With ChatEDU, users get a fully interactive tutor experience out of the box, without any of the complexities.

Challenges we ran into

  • Maintaining state across an entire chat instance
  • Efficient prompt templates that generate uniform responses in parseable format
  • Streaming of LLM responses
  • Autoscroll on chatbox
  • Authorization issues with certain API calls
  • Ensuring a seamless experience given the vast range of potential user inputs.

Accomplishments that we're proud of

  • Modular prompt context solution that guarantees formatting of output
  • Streaming of AI responses and corresponding display
  • Integrating successfully with various APIs.
  • Implementing a clean, user-oriented design.
  • Addressing and overcoming the limitations of ChatGPT for educational purposes.

What we learned

  • Design first, implement later: integrating components isn't always straightforward.
  • While APIs offer vast functionalities, they can sometimes come with unexpected challenges.
  • The value of user feedback in shaping the evolution of a tool.

What's next for ChatEDU

ChatEDU aims to be the future of virtual learning. Our vision is to create a democratized platform where anyone, regardless of their background or resources, can have access to a full-time virtual tutor. As digital education continues to grow, we believe ChatEDU will be at the forefront, offering personalized, interactive, and efficient learning experiences for all.

Built With

Share this project:

Updates

posted an update —

UI/UX and Prompt Engineer - As the UI/UX and Prompt Engineer, I aimed to ensure an engaging user experience while fine-tuning the prompts for optimal interactions and parsing into JavaScript. Using a combination of Next.js with integration of GPT-4 and Vercel AI SDK, I ensured our application's intelligence was both accurate and user-friendly. ChakraUI was my go-to for a clean and modern design throughout. I loved working on this project, try out ChatEDU for yourself!

Log in or sign up for Devpost to join the conversation.

posted an update —

Front-End Developer: This was my first hackathon and was both rewarding and challenging. I was able to implement many skills that I learned in my classes, but for the most part I learned from my teammates. I really enjoyed the entire process, from idea development to tweaking the UX in the end to make it as cohesive as possible for our users. I am so happy with how ChatEDU is looking, I hope you enjoy it!

Log in or sign up for Devpost to join the conversation.