RealTalk

• 

  Main page/Dashboard

• 

  Main page/Dashboard-2

• 

  Main page/Dashboard-3

• 

  Main page/Dashboard-4

# **REALTALK** [](https://bolt.new) [](https://your-netlify-url.netlify.app) [](https://nextjs.org) [](https://supabase.com) [](https://www.typescriptlang.org)

---

🎯 Project Vision

RealTalk is an innovative conversation platform that enables authentic connections through personality-based matching and real-time authenticity monitoring. Users can choose how they want to express themselves and connect with others in meaningful audio conversations.

🚀 Key Features

🎭 Personality-Based Experience

• Real Me: Authentic, genuine conversations
• My Mask: Curated, best-self presentation
  
• Crazy Self: Uninhibited, spontaneous expression
• Dynamic personality selection affects matching and experience

⚡ Reality Drift Meter™ (Unique Innovation)

• Real-time authenticity monitoring during conversations
• Visual feedback on how "real" vs "filtered" users are being
• Gamified authenticity scoring system
• Live feedback events and achievements

🗣️ Voice-First Experience

• Voice capture and authentication system
• Audio-only conversations to focus on authentic connection
• Voice analysis for authenticity detection (framework ready)
• Professional audio controls and visualization

🌍 Multi-Language Platform

• Full English and Dutch language support
• Seamless language switching
• Localized content and cultural adaptation
• Browser language auto-detection

📊 Conversation Analytics

• Detailed conversation history and statistics
• Drift level tracking over time
• Quality scoring and improvement insights
• Personal growth metrics

🛠 Technical Stack

• Frontend: Next.js 13 with App Router, TypeScript, Tailwind CSS
• Backend: Supabase (PostgreSQL, Authentication, Real-time)
• UI/UX: Lucide React icons, Custom animations, Responsive design
• Real-time: Socket.io integration ready, WebRTC framework
• Security: Row Level Security, End-to-end encryption ready

🎨 Design Philosophy

Built with Apple-level design aesthetics featuring:

• Smooth animations and micro-interactions
• Intuitive user flows and onboarding
• Responsive design for all devices
• Consistent 8px spacing system
• Comprehensive color system with 6+ color ramps

🏆 Hackathon Achievement

Built in 24 hours with:

• ✅ Full-stack application with database integration
• ✅ Real-time features and beautiful animations
• ✅ Multi-language internationalization
• ✅ Voice capture and analysis framework
• ✅ Production-ready deployment
• ✅ Unique Reality Drift Meter innovation

🎯 Demo Flow

1. Landing Page → Value proposition and personality options
2. Authentication → Sign up/login with demo accounts
3. Onboarding → Personality selection (Real Me, My Mask, Crazy Self)
4. Dashboard → Personalized experience based on personality
5. Matching → Find compatible conversation partners
6. Conversation → Voice interface with Reality Drift Meter
7. History → View past conversations and analytics

🌟 Unique Value Propositions

1. Authenticity Monitoring

First platform to measure real-time conversation authenticity, helping users become more genuine in their interactions.

2. Personality-First Matching

Move beyond superficial profile matching to connect based on how people want to express themselves.

3. Voice-Only Focus

Removes visual bias and superficial judgments, forcing focus on personality and conversation quality.

4. Cultural Sensitivity

Multi-language support from day one with culturally adapted conversation styles.

🚀 Getting Started

Prerequisites

• Node.js 18+
• Supabase account
• Git

Installation

1. Clone the repository

   git clone https://github.com/Lou-janss-93/project.git
   cd project
   

2. Install dependencies

   npm install
   

3. Set up environment variables

   cp .env.example .env.local
   # Add your Supabase credentials
   

4. Run the development server

   npm run dev
   

5. Open http://localhost:3000

Database Setup

1. Create a new Supabase project
2. Run the migration file in SQL Editor: sql -- Copy content from supabase/migrations/20250629101751_sweet_heart.sql
3. Update environment variables with your Supabase credentials

📱 Demo Accounts

Try these demo accounts to explore different personalities:

• Real Me: [email protected] / demo123
• My Mask: [email protected] / demo123
  
• Crazy Self: [email protected] / demo123

🎪 Live Demo

🌐 Try RealTalk Live

Experience the Reality Drift Meter and personality-based matching in action!

🔮 Future Roadmap

Phase 1: AI Enhancement

• Advanced conversation analysis with AI
• Improved matching algorithms
• Voice authentication system

Phase 2: Community Features

• Group conversations
• Authenticity challenges
• Mentor-mentee matching

Phase 3: Global Expansion

• Additional languages (Spanish, French, German)
• Corporate team building tools
• Therapy and counseling integration

🤝 Contributing

We welcome contributions! Please feel free to submit a Pull Request.

📄 License

This project is licensed under the MIT License.

🙏 Acknowledgments

• Built with Bolt - The fastest way to build full-stack applications
• Powered by Supabase for backend infrastructure
• UI components from shadcn/ui
• Icons from Lucide React

---

**Built with ❤️ for authentic human connection** *RealTalk - Where conversations become real*

Built With

• bolt
• css
• h.ai.dev.-innovation-team
• javascript
• notion
• python
• react
• sql
• supabase
• team
• vscode