Inspiration : Managing digital conversations across platforms is chaotic. We constantly jump between Gmail, Slack, Discord, and WhatsApp, losing context and missing important messages. We wanted to fix that with a unified, beautiful interface that lets users organize, search, and analyze everything enhanced by AI.
What it does : ThreadScape brings all your conversations together in one place. It connects to multiple sources, groups related messages using AI, visualizes communication patterns, and offers an intelligent assistant to help with insights, summaries, and replies all in a smooth, glassmorphic interface.
How we built it: We built the frontend using React + TypeScript + Vite for lightning-fast development and scalability. Tailwind CSS handled styling with a custom design system, and Framer Motion powered animations. For the backend, we used Supabase to handle authentication, database operations, and real-time updates. Routing was managed with React Router DOM, and all data was synced using React Context + local storage for a seamless experience.
Challenges we ran into : Designing a unified experience across vastly different platforms (like Slack vs. Gmail) was tough. Balancing aesthetics with usability took multiple iterations. Integrating real-time data and making filters and search feel snappy was also a challenge, especially with state syncing across components.
Accomplishments that we're proud of : We’re proud of how polished the app feels in just a short build window. The UI is fluid and cohesive, the features feel purposeful, and the AI assistant adds genuine value. The rave-mode Easter egg also brought a fun moment to the team!
What we learned: We learned how powerful Supabase can be for building SaaS apps quickly, especially with built-in auth and real-time support. We also refined our approach to component structuring, animation timing, and responsive design that adapts across all screen sizes.
What's next for ThreadScape – Your Conversations, Reimagined We plan to integrate OAuth for live source connections (Slack, Gmail), train a smarter AI for deeper insights, and roll out a mobile-first PWA version. Real-time notifications and team-based workspaces are also on the roadmap. and all the real apps we connect and market ready because currently we have to use all the paid APIs so when we have funds we add more and more platforms. currently it is in the Ui and the outer idea we
Built With
- framer-motion
- react
- reactrouter
- supabase
- tailwindcss
- vite
Log in or sign up for Devpost to join the conversation.