Croak & Cram

Inspiration

As college students, we are all too familiar with the late night cram to finish an essay or study for a midterm. However, we sought out to determine how we can make studying more efficient for students, especially since we all learn differently.

What it does

Croak & Cram is an AI study buddy tool that provides a personalized study plan for users. Users are able to create a profile where they can fill out a quiz to determine their study style (auditory, visual, or read and write). They can then interact with our AI chat to generate a personalized study plan based on their needs. This includes the subject they are studying for, the type of assignment, number of days till due, and their specific study style. There is also a check list page where users can add and keep track of their tasks.

How we built it

We built this app using HTML, CSS, Javascript, and Node.js. We also used the OpenAI API leveraging the GPT-3.5 Turbo model to generate the AI-based personalized study plan.

Challenges we ran into

The biggest challenge we ran into was figuring out how to integrate ChatGPT into our application, especially considering this was our first time leveraging the OpenAI API. The documentation was extremely helpful, but it took a lot of trial and error to get that component working. CSS formatting also proved finicky, especially when catering to different screen sizes. Additionally, we decided not to use a database for the sake of time, so figuring out how to save and extract data in the front-end was a unique challenge.

Accomplishments that we're proud of

We're so happy we were able to integrate the OpenAI API into our application! We're also proud of ourselves for challenging ourselves to think outside the box.

What we learned

We learned how to use Node.js, how to integrate the OpenAI API, and how to handle data flow between the client and server.

What's next for Croak & Cram

We have a couple ideas for future integrations that we've listed below.

• Add a database to persist profile information.
• Create a timer page to promote focus and healthy study habits.
• Create a chrome extension.
• Add friends and challenge each other to improve study habits.
• Integrate Spotify API for enhanced personalization.

Works Cited

• Took inspiration from Building a Chat Interface using HTML and CSS - CSS Projects to build the "Generate Study Plan" UI.

Built With

• css
• express.js
• html5
• javascript
• multer
• openai