weave your story

Inspiration

I’ve always believed in the power of stories to connect people. Weave Your Story was born from a desire to merge creativity with technology—giving users a platform to co-create narratives together. For my portfolio, I wanted to showcase something both technically sound and emotionally engaging—this project reflects that.

How I built it

This project is built with a modern web stack:

React + Vite + TypeScript for a fast, type-safe frontend

TailwindCSS and Radix UI for consistent, accessible design

React Hook Form + Zod for smooth, validated user input

React Router DOM for routing I also navigated through complex dependency issues, aligning versions and resolving peer conflicts to maintain stability across packages like @react-three/fiber, shadcn/ui, and more.

Challenges we ran into

Peer dependency conflicts between react, react-dom, and newer packages

Balancing creative design with clean, reusable code structure

Implementing collaborative features without a real-time backend (yet)

Accomplishments that I am proud of

Built a polished, fully responsive app that’s both fun and functional

Handled tricky dependency resolution across a large number of modern libraries

Designed the architecture to scale—ready for real-time features and backend integration

What I learned

Advanced dependency management with NPM

Working with Radix UI and Tailwind to build fast, accessible components

Building a product that’s not just technically strong, but emotionally resonant

What's next for weave your story

Winning this Hackathon

Built With

• typescript
• vite