DigiConvo

• 

  Logo

• 

  Landing Page

• 

  Main App

• 

  Conversation Coach

• 

  Scenarios

Inspiration

We've all been in those awkward situations where we simply don't know what to say. Whether it's comforting a friend who lost a loved one, responding when your girlfriend is passionately discussing a topic you know nothing about, or navigating difficult workplace conversations - we often freeze up because we lack the right words or emotional intelligence to respond appropriately. That's where DigiConvo was born - from the realization that we all need a safe space to practice and learn how to handle life's challenging conversations with empathy and confidence.

What it does

DigiConvo is an AI-powered conversation coach that helps users practice difficult conversations through realistic role-playing scenarios. Users can engage in simulated conversations about various topics - from personal relationships to professional situations. The platform provides real-time emotional analysis, personalized feedback, and alternative response suggestions to help users build better communication skills. Whether you're preparing for a tough conversation or want to develop better empathy and response techniques, DigiConvo creates a judgment-free environment for growth.

How we built it

DigiConvo is built as a modern full-stack web application using the following architecture:

Frontend:

• Next.js 14 with App Router for the React framework
• TypeScript for type safety and better developer experience
• Tailwind CSS with custom CSS variables for flexible theming
• Responsive design with light/dark mode toggle

Backend & APIs:

• Google Gemini API for advanced conversational AI and emotional intelligence
• Supabase for user authentication and data storage
• NextAuth.js for secure authentication flow
• PostgreSQL database for storing conversation history and user data

Deployment & Infrastructure:

• Vercel for hosting and continuous deployment
• Environment variables for secure API key management
• Modern CSS Grid and Flexbox for responsive layouts

Challenges we ran into

1. Gemini Voice Audio API Integration - Implementing real-time voice processing and ensuring smooth audio-to-text conversion while maintaining conversation flow
2. Light/Dark Mode Toggle - Creating a seamless theme system that properly overrides all component styles across the entire application
3. Vercel Deployment Errors - Resolving environment variable conflicts and build optimization issues during production deployment

Accomplishments that we're proud of

• Built a complete full-stack web application in a remarkably short timeframe
• Successfully integrated advanced AI capabilities with an intuitive user interface
• Created a responsive, accessible design that works seamlessly across all devices
• Implemented a robust authentication system with secure data handling
• Developed a comprehensive conversation analysis system with emotional intelligence

What we learned

• Mastered Google Gemini API integration and learned to leverage its advanced conversational capabilities
• Gained deep understanding of Supabase ecosystem for rapid backend development
• Advanced our skills in responsive design and modern CSS techniques
• Learned about real-time audio processing and voice-to-text integration challenges

What's next for DigiConvo

• Multi-language Support - Expand to help users practice conversations in different languages
• Industry-Specific Modules - Create specialized conversation training for healthcare, sales, customer service, and other professional fields
• Group Conversation Practice - Enable multi-participant scenarios for team communication training
• Progress Tracking Dashboard - Implement detailed analytics to track improvement over time
• Mobile App Development - Create native iOS and Android apps for on-the-go practice

Built With

• git
• githubcopilot
• googlegemini
• next.js
• react
• shadcn
• speechtotext
• t3stack
• tailwindcss
• trpc
• tts
• typescript
• vercel