AI Writing Tutor (AWT)

• 

  Web App Home Page

Inspiration

As students, we have struggled with finding the right time to get feedback on our writing. Thus, we decided to create an online grader that will eliminate the need to wait for your professor.

What it does

The user has an option to generate an essay topic prompt with the help of Google's Gemini, or to input their own essay topic, which they can answer in the text box. The web app will then run an API call to Gemini AI which will grade the essay based on a set syllabus, and output a grade/give suggestions on how to improve the essay.

How we built it

We used Next.js for the front end, and made use of Tailwind CSS to make the UI for the web app. Then we created API calls to "Generate Topic" and "Grade Essay" which made requests to Gemini AI, which enabled prompt generation and helped provide feedback on submitted essays.

Challenges we ran into

We struggled with engineering the prompt of the feedback call, so that it would format the response in the correct way. We also struggled with ensuring that the UI layout was formatted correctly and that the tool was easy to understand.

Accomplishments that we're proud of

We are proud that we created our first web app with React, and that we were able to successfully make an API call to Gemini AI. We are also proud of having created a successful product by the end of our first ever hackathon!

What we learned

We learned to use REST APIs using Next.js frameworks and how to incorporate Gemini AI into our programs with the use of APIs.

What's next for AI Writing Tutor (AWT)

The next steps are to add features that allow users to grade based on specific qualities such as grammar, analysis, readability, and to allow users to input their own grading rubric/criteria.

Built With

• css
• gemini
• html
• javascript
• next.js
• node.js
• tailwind