Blittech/braidsbymira

Go to file

belviskhoremk 12beaa990e feat: replace CSS hero motif with a real WebGL 3D braided-crown scene

Adds Hero3DScene, a procedurally-built rotating braid mesh rendered via
@react-three/fiber, replacing the flat CSS-circle Hero3D component. Falls
back to a static gradient circle under prefers-reduced-motion, matching the
old component's fallback behavior.

Also adds a ResizeObserver mock to the test setup, required by
@react-three/fiber's Canvas (via react-use-measure) in jsdom, which doesn't
implement it natively.

2026-08-03 22:49:24 +00:00

docs/superpowers

Add implementation plan for frontend visual overhaul

2026-08-03 22:37:09 +00:00

chore: set up Vitest, routing, and design tokens

2026-08-03 16:53:05 +00:00

feat: replace CSS hero motif with a real WebGL 3D braided-crown scene

2026-08-03 22:49:24 +00:00

.gitignore

Add Phase 1 design spec for Braids by Mira public site

2026-08-03 16:14:48 +00:00

eslint.config.js

chore: set up Vitest, routing, and design tokens

2026-08-03 16:53:05 +00:00

index.html

chore: set up Vitest, routing, and design tokens

2026-08-03 16:53:05 +00:00

package-lock.json

chore: add three, @react-three/fiber, @react-three/drei for the 3D hero

2026-08-03 22:41:39 +00:00

package.json

chore: add three, @react-three/fiber, @react-three/drei for the 3D hero

2026-08-03 22:41:39 +00:00

README.md

fix: address final review findings — Hero3D static class, InquiryModal a11y, date guards, shared email validation, README

2026-08-03 20:40:16 +00:00

tsconfig.app.json

chore: set up Vitest, routing, and design tokens

2026-08-03 16:53:05 +00:00

tsconfig.json

chore: set up Vitest, routing, and design tokens

2026-08-03 16:53:05 +00:00

tsconfig.node.json

chore: set up Vitest, routing, and design tokens

2026-08-03 16:53:05 +00:00

vite.config.ts

chore: set up Vitest, routing, and design tokens

2026-08-03 16:53:05 +00:00

README.md

Braids by Mira

Public marketing site for Braids by Mira — landing page, product showcase, booking flow, and salon policies.

Scripts

npm run dev — start the local dev server
npm test (or npx vitest run) — run the test suite
npm run build — type-check and build for production
npm run lint — run ESLint

Languages

TypeScript 77.5%

PLpgSQL 14.6%

CSS 7.1%

HTML 0.5%

JavaScript 0.3%