Log in information to test app Email: fiddausidanjuma51@gmail.com Password: Blaze143$$

Inspiration

For as long as I can remember, debating was my superpower. I was bright, articulate, and always ready to take on any topic with confidence. When I was hit by depression, I self-isolated and lost my debating edge—without even realizing it. I believed I was still as sharp as ever, until I stood on stage again. Suddenly, my words tumbled, my mind glitched, and my confidence faltered. I managed to get through it, but I knew I could do better. That moment inspired me to create Debatify—a platform to help anyone, including myself, regain and sharpen their debating skills, no matter what life throws their way.

What it does

Debatify empowers users to practice, assess, and improve their debate skills with the help of AI:

  • Practice Speaking: Users select a topic, stance, set a timer, and speak while the app transcribes and evaluates their speech.
  • Evaluate Points: Paste your debate points, get AI feedback, and generate cue cards.
  • Explore Debate Topics: Browse topics by category, powered by AI suggestions.
  • Track Progress: View past topics, scores, and improvement over time.

How I built it

Debatify is a React web app built with:

  • React for UI and state management
  • Tailwind CSS for fast, modern styling
  • OpenAI API for speech and argument analysis, topic suggestions, and cue card generation
  • Web Speech API for speech-to-text transcription
  • LocalStorage for tracking user progress and scores
  • Firebase for user authentication and secure real-time data storage
  • GitHub for version control, project management, and open-source collaboration

Challenges I ran into

  • Integrating accurate speech-to-text transcription in the browser
  • Extracting reliable scores from AI feedback
  • Ensuring smooth user experience and responsive design
  • Managing state and persistent data across sessions
  • Setting up secure authentication and data sync with Firebase
  • Collaborating effectively and managing codebase with GitHub

Accomplishments that I am proud of

  • Building a fully functional AI-powered debate coach
  • Creating a beautiful, responsive, and accessible interface
  • Implementing features for both solo practice and structured evaluation
  • Making debate training approachable for learners at any level
  • Enabling secure user sign-in and persistent progress tracking with Firebase
  • Maintaining robust code and version history with GitHub

What I learnt

  • How to leverage AI for personalized feedback in education
  • Best practices for UI/UX in EdTech apps
  • The importance of tracking progress and encouraging self-improvement
  • How technology can help rebuild and strengthen lost skills
  • Integrating third-party services like Firebase for authentication and databases
  • Effective use of GitHub for collaboration and project management

What's next for Debatify

  • Adding multiplayer or team debate features
  • Introducing advanced analytics and personalized coaching
  • Expanding topic categories and language support
  • Partnering with educators to bring Debatify into classrooms
  • Publishing as a mobile app for greater accessibility
  • Enhancing community features using Firebase and GitHub integrations

Built With

Share this project:

Updates