Brainio.com is a visually driven personal knowledge management platform that merges note-taking and mind mapping into a seamless learning environment. Built with Ruby on Rails, PostgreSQL, and a React front end, it empowers users to capture, organize, and collaborate on ideas in real time.
I contributed critical features such as synced note storage, structured tagging for easy content discovery, real-time collaboration powered by ActionCable, and user interface enhancements including dark mode and intuitive schema management tools.
The product is geared toward lifelong learners and teams who need structured, visual thinking and planning tools across desktop and web platforms
- Developed robust note syncing and tagging functionality using Ruby on Rails with PostgreSQL, allowing users to seamlessly store, categorize, and retrieve knowledge across sessions.
- Integrated React components for dynamic UI rendering, building an intuitive drag-and-drop canvas that lets users organize notes and connect thoughts visually as mind maps.
- Enabled real-time collaboration using ActionCable (WebSocket) to broadcast shared edits, ensure simultaneous viewing, and synchronize diagrams live across team members’ screens.
- Implemented search and filter logic that powers fast content discovery—users can locate notes by keywords, tags, or connections through optimized Rails queries.
- Built dark mode and additional UX enhancements via React—ensuring theme persistence, visual consistency, and optimal readability across different usage environments.
- Architected backend services in Ruby on Rails to manage content relationships, version history, note-mind map syncing, and tagging hierarchies ensuring consistent data integrity and retrieval performance.
- Used PostgreSQL to power complex filter queries, tag intersections, and fast lookup of connected note structures for efficient search and discovery.
- Built frontend interaction logic with JavaScript and React to support drag, node linking, real-time updates, and smooth UI transitions in both light and dark modes.
- Leveraged ActionCable for WebSocket-driven synchronization, enabling live multi-user edits, undo/redo state handling, and session conflict resolution within collaborative mind map sessions.
- Focused on user-focused features dark mode, keyboard navigation, responsive layout switching, and theme preference persistence to enhance usability and accessibility for diverse usage scenarios.