Inspiration

Meetings are essential for collaboration, but too often, they end in chaos. Key decisions get lost, action items are forgotten, and follow-ups become a burden. We wanted to fix that. Inspired by our own experience with unproductive meetings, we created MeetingMind to transform how teams handle post-meeting workflows using AI.

What it does

MeetingMind turns meeting recordings or transcripts into clear, actionable insights in seconds. With just a single upload, our AI engine delivers:

  • Executive summaries
  • Key discussion points
  • Action items with suggested assignees
  • Important decisions made
  • Follow-up questions and unresolved issues
  • Meeting sentiment score (positive/neutral/negative)

The results can be exported instantly to Slack, email, or Notion—making it easier than ever to keep your team aligned.

How we built it

We built MeetingMind using a modern React + TypeScript frontend with Tailwind CSS for styling. Key steps included:

  • Integrated drag-and-drop file upload and transcript input
  • AI processing backend that analyzes audio or text and extracts structured insights
  • Designed a responsive, clean UI using Inter font and a calming color palette (blue #2563eb, gray #64748b, green #10b981)
  • Fixed Tailwind config issues (missing custom colors), increased file upload limit to 100MB, and cleaned up TypeScript errors
  • Deployed via Netlify (available at https://magical-lily-83570c.netlify.app)

Challenges we ran into

  • Tailwind Errors: Our custom border-border, bg-background, and text-foreground classes weren’t rendering due to missing definitions in tailwind.config.js.
  • TypeScript Compilation: Several unused imports and improper type handling caused build failures which we resolved with proper type-only imports and config fixes.
  • File Size Limitations: The default 25MB upload limit was too restrictive for real-world meeting recordings, so we updated our validation logic to accept files up to 100MB.
  • Missing tsconfig Files: Our initial setup lacked essential TypeScript configurations, which prevented the app from compiling until added.

Accomplishments that we're proud of

  • Built a full-stack AI-powered tool from scratch and deployed it live in under 48 hours
  • Fixed all build, styling, and deployment issues independently
  • Created a smooth, intuitive user experience optimized for productivity

What we learned

  • How to integrate large-file uploads and client-side validation with modern React hooks
  • How to clean up and optimize Tailwind and TypeScript configurations for production readiness
  • The power of focusing on one-shot clarity—every prompt, feature, and fix had to count
  • Real-world deployment processes and Netlify handoff/claiming flows

What's next for MeetingMind

  • Team Collaboration Dashboard: Assign action items and track their progress in a shared workspace
  • Multi-language Support: Expand transcription and analysis across global teams
  • CRM & Calendar Integration: Automatically sync insights to tools like HubSpot, Google Calendar, and Microsoft Teams
  • Speaker Attribution: Separate insights by speaker for more granular understanding
  • AI Smart Assistant: Suggest meeting agendas and questions based on historical context

Built With

Share this project:

Updates