Pixie

• 

  talent engine

inspiration Campus talent is often fragmented across different departments. We wanted to create a "connective tissue" for students—a platform where skills aren't just listed, but actively shared in real-time.

What it does Vortex is a talent discovery engine that allows students to showcase expertise and collaborate. Its core innovation is a Persistent Community , a seamless communication layer that stays active and maintains its state even as users navigate between different modules and profiles.

How we built it Frontend: Built with React using a "Layout Wrapper" architecture to prevent component unmounting during navigation.

Real-Time: Integrated Socket.io for instant, low-latency messaging.

State: Used Context API to globally persist chat history and UI status (open/closed) across the entire session.

Layout: Utilized CSS fixed positioning to ensure the talent engine's chat remains accessible regardless of scroll depth or page route.

Challenges we ran into The biggest hurdle was preventing "Socket flickering"—the tendency for real-time connections to reset during route changes. We solved this by lifting the connection logic above the router, ensuring a continuous heartbeat.

Accomplishments that we're proud of We successfully built a "single-page feel" where the community layer feels like a permanent part of the browser, providing a zero-friction experience for students looking to connect instantly.

What we learned We mastered the art of Global State Management and learned how to optimize React renders to handle live data streams without slowing down the main UI.

What's next for Vortex We aim to implement Contextual Rooms—chat channels that automatically pivot based on the specific talent or project a student is currently viewing on the main stage like to add a community chat

Built With

• html