Inspiration
Most productivity tools overwhelm people with endless lists and tabs, but humans don’t actually think in lists — we think in connections. I wanted to build a tool that reflects how the brain naturally organizes information. ReMindMap was inspired by the idea of visualizing thoughts, tasks, and plans as an interconnected network, making understanding easier and more intuitive.
What it does
ReMindMap transforms your tasks, reminders, notes, and ideas into a glowing, interactive mind map. It automatically groups related items, shows how everything connects, identifies central priorities, and reveals potential conflicts. The app saves all data locally, works fully offline, exports/imports maps as JSON or images, and runs as an installable PWA. It gives users a clear “big-picture” view of their thinking in real time.
How we built it
ReMindMap is built with:
- Next.js 15 + React for structure
- TailwindCSS for styling
- Framer Motion for polished interactions
- React-Force-Graph for real-time visualization
- Dexie (IndexedDB) for local-first storage and autosave
- next-pwa for offline and installable functionality
- Git for version control
The entire application runs locally in the browser with zero server dependencies.
Challenges we ran into
- Integrating a performance-heavy force graph with React while keeping everything smooth
- Designing a futuristic neon/glass interface without cluttering the experience
- Ensuring autosave worked reliably using local IndexedDB storage
- Handling data import/export across browsers
- Avoiding service worker issues while enabling offline PWA mode
Accomplishments that we're proud of
- Built a fully functional mind map engine from scratch
- Made the app completely offline-ready with no accounts or backend
- Created simple but powerful tools like JSON export, clipboard export, and autosave
- Achieved a clean neon-aero visual identity that feels modern and intuitive
- Shipped a polished, interactive tool in a short hackathon timeframe
What we learned
- How to optimize dynamic graph rendering in the browser
- How to design and architect a local-first application
- How PWA caching and offline routing work
- How to simplify the UX of complex data visualization
- How to quickly develop and iterate on a complete app under time constraints
What's next for ReMindMap
- Smarter clustering and prioritization logic
- A Focus Mode that highlights the most important nodes
- Optional cloud sync while keeping local-first default
- Shared collaborative mind maps
- More import types like calendars, notes, and markdown collections
- Custom themes and layout modes
ReMindMap will continue evolving into a powerful, intuitive tool for visual thinking.
Log in or sign up for Devpost to join the conversation.