This is a submission for the 2026 WeCoded Challenge: Frontend Art

Show us your Art

🌌 Live Interactive Experience

Explore the installation here:

👉 https://womenmind.netlify.app

This piece is designed to be experienced interactively.

Users navigate a living neural constellation where each node represents a cognitive force that shapes how developers think and create.

The journey begins with curiosity and expands into a constellation of ideas, ultimately connecting modern developer mindsets to the pioneers who helped shape computing history.

The artwork combines:

• interactive constellations

• neural network metaphors

• cinematic motion

• generative particle systems

The goal is to transform abstract developer traits into something visual, explorable, and alive.

Inspiration

Technology history is filled with brilliant pioneers whose contributions shaped modern computing. Many of these innovators—like Ada Lovelace, Grace Hopper, and others—pushed the boundaries of what technology could become.

This project was inspired by a question:

What if we could visualize the mindset behind innovation itself?

Instead of representing developers through resumes or technical skills, I wanted to represent the cognitive forces that drive innovation:

• curiosity that sparks discovery

• creativity that imagines new possibilities

• logic that structures ideas into systems

• empathy that keeps technology human-centered

• collaboration that turns ideas into reality

By visualizing these forces as a living constellation, the experience becomes less about individual achievement and more about shared lineage and collective progress in technology.

The constellation metaphor also reflects how ideas travel through time—how today's developers are influenced by the pioneers who came before them.

My Code

The full source code for this project is available here:

🔗 GitHub Repository

https://github.com/aisyahz/women-mind-developer

Key technologies used:

• Next.js 15 (App Router)

• React 19

• TypeScript

• Framer Motion for cinematic animation

• SVG + Canvas rendering for constellation visualization

• Tailwind CSS for styling

Core component:

NeuralConstellation.tsx

This component orchestrates the constellation system, including:

• dynamic node rendering

• orbital particle systems

• neural thread connections

• curiosity-triggered expansion animation

• insight shard discovery system

The project focuses on combining interactive storytelling with modern web animation techniques to create an experience closer to digital art than traditional UI.

A cinematic interactive constellation exploring curiosity, creativity, and the shared lineage of women in technology.

wecoded

frontend

webdev

javascript

showdev