Your Al Workspace, Visualized.
Brianstorm Your Ideas with Chat.
Visualize Hard Concepts with Map.
Organize Your Life with Task.
Powerful Features

Vortex: Visualize Anything

Inspiration

In student life and modern knowledge work, the hardest part is often not a lack of information, but too much of it. Ideas are scattered across class notes, long chats, research papers, meeting discussions, and unfinished thoughts. People know they need to study, plan, revise, and execute — but the process of turning messy information into something clear and actionable is still frustrating and mentally draining.

Our team was inspired by this everyday problem: people spend too much time organizing information before they can even begin using it. That friction creates stress, digital clutter, and decision fatigue. We wanted to build something that does more than simply answer questions. We wanted to create a tool that helps users think more clearly, feel less overwhelmed, and move from confusion to action faster.

That is why we built Vortex — an AI-powered platform designed around digital wellbeing and productivity. Vortex helps users reduce cognitive overload by transforming unstructured information into visual understanding and actionable plans. Instead of letting ideas remain trapped in chaos, Vortex helps users see them, organize them, and act on them.

What it does

Vortex is an AI-native productivity platform built around a chat-first workflow.

Users begin in Chat, where they can brainstorm ideas, ask questions, upload documents, and analyze information with AI. From the same conversation, they can then transform their content into two practical outputs:

Mind Map – turns complex information into a visual structure of key ideas, relationships, and hierarchies.
Task Board – extracts actionable tasks from conversations, notes, or documents, helping users move from thinking to execution.

This workflow is especially useful for students, builders, and busy knowledge workers. For example, a user can paste lecture notes, a project brief, or a long brainstorming discussion into Vortex, then immediately convert it into a clearer visual map for understanding and a task list for execution.

Vortex supports productivity by helping users organize work and focus on next steps. It supports digital wellbeing by reducing tab overload, information clutter, and the mental stress of trying to manually structure everything alone. Instead of switching across fragmented tools, users can stay in one flow: idea → clarity → action.

How we built it

We built Vortex as a full-stack web platform.

On the frontend, we used HTML, CSS, and JavaScript to create responsive interfaces for Chat, Mind Map, and Task Board. We used vis-network to power interactive mind map visualization, and jsPDF plus html2canvas to support export workflows.

On the backend, we used Node.js and Express to handle APIs, AI orchestration, file processing, and application logic. We integrated Firebase Authentication for login and access control, Firestore for storing conversations, mind maps, tasks, and metadata, and Cloud Storage for uploaded files and generated assets.

To support document understanding, we used tools such as Multer, pdf-parse, and Mammoth for file ingestion and text extraction. For AI processing, we built an OpenRouter-compatible generation pipeline with structured prompting, summarization flows, JSON-based extraction, retry handling, and timeout controls so that free-form user input can be converted into usable structured outputs.

Our goal was not just to make a demo, but to build a product foundation that is realistic, extensible, and cloud-deployable.

Challenges we ran into

One major challenge was designing the right user experience. We did not want AI to feel like a gimmick or an isolated chatbot feature. It had to feel naturally integrated into productivity workflows, so that users could move smoothly from conversation to visualization to execution.

Another challenge was reliability. Turning messy, free-form text into meaningful mind maps or useful task items is difficult. We had to carefully design prompts, define output structures, validate generated data, and add fallback handling when results were incomplete or inconsistent.

We also faced the challenge of balancing intelligence with efficiency. AI features can easily become slow, expensive, or noisy if too much raw context is sent every time. To address this, we used summarization-first flows, focused extraction, token constraints, and structured transformations to make the experience more stable and practical.

Finally, we wanted to build something deployable rather than something that only works in a local demo. That meant thinking seriously about authentication, storage, security, persistence, and future scalability even within hackathon constraints.

Accomplishments that we're proud of

We are proud that Vortex feels like a real, coherent product rather than a collection of disconnected features. We created a workflow where AI is not overwhelming, but genuinely helpful: users can start with messy information and quickly turn it into understanding and action.

We are especially proud that Vortex strongly reflects the spirit of Digital Wellbeing and Productivity:

Productivity: helps users organize ideas, extract tasks, and focus on execution.
Learning & Education: helps students break down lecture notes, readings, and study material into understandable visual structures.
Psychological Well-Being: reduces cognitive overload, stress, and the frustration of dealing with too much information at once.
Campus Life / Student Use Cases: supports coursework, revision, project planning, and collaborative thinking in a student-centered context.

We are also proud of the technical foundation we built, including secure login, persistent data storage, document ingestion, structured AI workflows, and interactive visualization.

In terms of broader impact, Vortex most directly supports:

SDG 3: Good Health and Well-being, by reducing information stress and supporting healthier digital workflows.
SDG 4: Quality Education, by helping learners understand complex material more effectively.
SDG 8: Decent Work and Economic Growth, by improving clarity, planning, and execution in knowledge work.

What we learned

Through building Vortex, we learned that useful AI products require much more than access to a powerful model. The real value comes from product design, system architecture, interaction flow, and making outputs genuinely usable.

We learned how to combine frontend experience, backend engineering, authentication, file handling, storage, and AI orchestration into one working platform. We also learned that AI becomes far more valuable when it is paired with structure: users do not just want answers, they want clarity, organization, and momentum.

Most importantly, we learned that building for digital wellbeing means reducing friction, not adding more noise. Good AI should not make people feel more overloaded — it should help them feel more in control.

What's next

Our next step is to expand Vortex beyond chat, mind maps, and task boards into a richer visual learning and productivity workspace.

We plan to build View, a dynamic visualization interface that can transform ideas, lessons, and AI-generated outputs into more interactive and engaging visual experiences. This will make Vortex even more useful for studying, explaining concepts, and exploring knowledge in a clearer way.

We also plan to improve the engineering foundation by refactoring parts of the platform into React and TypeScript for better maintainability, scalability, and development speed.

In the future, we want Vortex to become a platform where AI does not replace human thinking, but strengthens it — helping users feel less overwhelmed, learn more effectively, and turn ideas into meaningful progress.