[CodeEz] StudyGPT

Landing Page
Summariser
Explainer
Flash Card

Inspiration

In post Covid-19, students have been trying to find different ways to learn better and more conveniently through technology. In fact, with the emergence of ChatGPT, doubts can be clarified with just a few key presses away. However, much more can be implemented alongside this amazing tool to create a conducive learning platform for students. Hence, we intend to enhance and integrate ChatGPT into our application to help improve the learning process of students.

Overview of StudyGPT

Your Powerful All-In-One Learning Companion Powered by ChatGPT

StudyGPT is a learning toolkit integrated with ChatGPT for students of all levels to learn concepts more quickly and seamlessly. The application is very environmentally friendly as it is designed to work hand-in-hand with digital notes and text. Given how prevalent education is in today’s world, there is no doubt StudyGPT will stand to hold great commercial value in the future. Furthermore, given ChatGPT’s great success in a matter of months, integrating it into the application could prove to be a great step in creating the ideal learning toolkit for students in our increasingly digitalised world.

We have identified a few key learning resources that students look for when attempting to learn new concepts:

Quick summary of content
Reliable assistant to clear doubts
Memory tests

What it does

Feature 1: Google Authentication

Users can login into the application using their google accounts for quick and easy access, while maintaining a high level of security.

Feature 2: Summarise

Overview: Learning new concepts can be especially daunting at first glance when the notes and resources are long and abstract. Thus, having quick summaries of verbose notes can give students a quick preview of the bigger concepts behind.
Explanation: This feature generates summaries of a chunk of text. Users can copy and paste the text chunk of their choice into the input box and expect a sleekly summarised content with bullet point explanations anytime.

Feature 3: Explain

Overview; Students very often tend to have doubts while trying to understand new concepts and would require a tutor to clarify those doubts. This feature aims to address that by providing an interactive platform for students to clarify their doubts anytime they need.
Explanation: This feature allows users to chat with an interface and receive prompt and intelligent replies to their queries within seconds and at their own convenience.

Feature 4: Flashcard

Overview: Understanding the logic is only the first step of learning new concepts. It is also important for students to be able to retain the understanding in the long term so that they may leverage the knowledge as their own. Therefore, students need a toolkit for them to practice memory retention with respect to the concepts learnt.
Explanation: This feature allows users to generate a set of flashcards automatically based on their own notes. Users can copy and paste a chunk of text of their choice into the input box and expect to see a finely crafted set of flashcards based on the text provided.

How we built it

Frontend: Next.js, TypeScript, Tailwind CSS, and Chakra UI
Backend: Firebase
CI: GitHub Actions
Deployment: GitHub Pages

Challenges we ran into

We faced the issue of using the OpenAPI key for testing and deployment as there is a small usage limit for the free version of the OpenAPI key. Thus, we had to opt for the paid version for testing, and also allow users to enter their own OpenAPI key into the application.

Accomplishments that we're proud of

Building the application with an unfamiliar stack was not an easy task and we're proud to have completed this challenge which we had set out to do.
Additionally, we successfully integrated an OpenAI API into our application.

What we learned

We've learnt to enjoy the step-by-step process of building an application, which includes researching and resolving bugs along the way. We've also learnt to communicate and work together effectively as a team under tight very tight conditions.