StudyAI

• 

  The home page of the website

• 

  The first slide of the website

• 

  Another example slide in the website

• 

• 

• 

• 

Inspiration

We were inspired by our experience in school. While balancing extracurriculars, schoolwork, and personal life, it becomes difficult for students to manage all their time and get things done. That's why we were motivated to create a tool powered by AI that helps students study quickly and efficiently for tests.

What it does

Our project, StudyAI, can receive text, either copy-pasted or from a .txt file, and convert it into a slideshow that covers the main ideas that were in the original text. This allows users to condense a large textbook or a big article into understandable chunks of information, making it easier to absorb the main ideas and saving a lot of time.

How we built it

To make this project, we used HTML, CSS, and JavaScript. HTML and CSS were the front end of the code, as we created the design of the website and the slideshow using those two languages in index.html and slides.html. The back end of our code, the part that generates summarized text and handles all the logic in the code, was done in JavaScript. We also used a Gemini API key to generate the summary.

Challenges we ran into

We had to overcome a lot of challenges. during the development of this project. Firstly, formatting the slides with the aesthetically pleasing format that we intended was challenging, as we had to figure out how to condense the text and experiment with different sizes and colors until we found something we liked. Additionally, getting the summary to be concise and not a repeat of the original text proved to be difficult, and it took some debugging and prompt engineering to fix this issue. Overall, we faced challenges while developing this project

Accomplishments that we're proud of

We are proud that we were able to create a useful website within the time limit that is useful for everyone that tries it. Time is invaluable, and by creating an effective summary with good visuals, we are proud that we were able to save people's time through

What we learned

We learned how to use APIs to create summaries for the website. We also learned how to integrate HTML, CSS, and Java into our websites to make them pleasing aesthetically and also to improve the core functionality.

Built With

• css
• geminiapi
• html
• javascript