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, andtext-foregroundclasses 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
- bolt
- css
- deepseek
- html
- javascript
- netlify
- npm
- react
- tailwind-css
- typescript
- vite
- whisper
Log in or sign up for Devpost to join the conversation.