Inspiration

Neurova was inspired by the need to make brain-computer interfaces and smart automation accessible to everyone through intuitive visual programming. We wanted to create a platform where users could easily design complex conditional workflows that respond to their environment, emotions, and daily patterns without writing code.

What it does

Neurova is a visual workflow builder that allows users to create intelligent automation by connecting condition nodes (weather, time, location, emotion) with action nodes (music, sound, visuals, messages, brightness). Users can design, test, and deploy workflows that automatically trigger specific outputs based on real-time conditions, making personalized automation as simple as drag-and-drop.

How we built it

We built Neurova using React with TypeScript for the frontend, leveraging ReactFlow for the node-based visual editor and Zustand for state management. The UI features a custom "Neurova Light" theme built with Tailwind CSS, integrated mapping with Leaflet for location-based conditions, and a sophisticated serialization system to sync workflows between the frontend canvas and backend execution engine.

Challenges we ran into

One major challenge was representing the node graph as a tree structure and implementing depth-first search traversal for workflow execution logic. Additionally, keeping the workflow state properly serialized as a consistent object between the frontend visual representation and the backend execution format proved extremely difficult, requiring careful type definitions and transformation utilities.

Accomplishments that we're proud of

We're proud of creating an intuitive drag-and-drop interface that makes complex conditional logic accessible to non-technical users while remaining powerful for advanced use cases. The real-time workflow visualization with animated connections, dynamic node types with context-aware icons, and seamless state persistence demonstrate our commitment to both user experience and technical excellence.

What we learned

Through building Neurova, we learned the intricacies of managing complex state synchronization in React applications, particularly when dealing with bidirectional data flow between visual components and stored data models. We also gained valuable experience in designing intuitive UX patterns for node-based editors and handling real-time geolocation and emotion data integration.

What's next for Neurova

We hope to continue scaling past this MVP by adding more integration options such as smart home devices, calendar systems, and additional biometric inputs to make Neurova even more powerful and versatile. Our roadmap includes building a marketplace for shareable workflow templates, implementing collaborative editing features, and expanding our condition and action node library to support enterprise use cases.

Built With

Share this project:

Updates