Inspiration
Inspired by the theme of education, we wanted to create a cutting-edge ⚔️ tool that could make learning and teaching more engaging, accessible, and effective. After a few hours of brainstorming, we envisioned ArguMentor – a state-of-the-art 🎓 project aimed at helping users build, refine, and strengthen their arguments.
What it does
ArguMentor is an engaging, interactive tool designed to guide users through constructing well-founded arguments. Whether for debates, essays, or presentations, it seamlessly integrates 🤝 OpenAI APIs to help users organize their thoughts, see counterpoints, get feedback and develop rock-solid 🪨, persuasive arguments in a structured, intuitive way.
How we built it
We dived into the code, spending 19 straight hours developing ArguMentor. The front-end is built in React using a mix of HTML, Tailwind CSS, and embedded SVGs for a polished UI. Our back-end utilizes Typescript, Next.js and Node.js, integrating OpenAI's GPT-4 API and Whisper API for text to speech conversion.
Challenges we ran into
The build wasn’t without challenges. We had to wrestle with API key management issues and rendering/controlling the audio output. Styling was especially tedious, as we needed constant adjustments to smoothly integrate our back-end into out front-end. Embedding an SVG in React also turned into a mini-nightmare, but we eventually got it looking ultra-scalable 📈 and smooth!
Accomplishments that we're proud of
We're incredibly proud of the final product – it’s blazing fast 🔥, visually appealing, and easy to use. Seeing the idea come to life as a fully working tool was a huge reward for our effort and late-night coding session.
What we learned
From this project, we gained a lot of experience in overcoming environment setup issues and learned about the finer points of embedding SVGs in React. We also honed our skills in troubleshooting complex styling challenges and managing API integrations.
What's next for ArguMentor
The next steps are simple (and ambitious) – gather some venture capital, polish the final product, and take ArguMentor public! We want this tool to be available to educators, students, and anyone looking to improve their battle-tested ⚔️ argumentation skills and thrive in any debate setting.
Built With
- css3
- html5
- next.js
- node.js
- openai
- react
- tailwind
- typescript
Log in or sign up for Devpost to join the conversation.