Cipher Codex Studio Site
PrivateThe Cipher Codex studio marketing site — Next.js App Router with an in-house UI library and a custom D3 data-visualization suite.
About this project
What it is
The marketing and portfolio site for the Cipher Codex development studio, built in Next.js App Router (TypeScript). The project includes a fully hand-authored UI component library — Button, Input, Modal, Tooltip, Typography, and more — rather than adopting a third-party design system. On top of that sits a custom D3-backed data-visualization library covering area charts, bar charts, heatmaps, radar charts, tree layouts, treemaps, pie charts, radial charts, and Delaunay triangulation. The site features scroll-driven animation via a custom ScrollProvider context, a blog/articles section, and a contact form. It is deployed via AWS CodeBuild CI/CD.
Engineering highlights
- Hand-authored UI component library (20+ components) instead of a third-party design system
- Custom D3 data-visualization library: AreaChart, BarChart, Heatmap, RadarChart, Tree, Treemap, PieChart, RadialChart, Delaunay
- Scroll-driven animation via a custom ScrollProvider / InViewDiv React context system
- Next.js App Router with RSC-aware layout and per-section animation variants
- CodeBuild CI/CD pipeline defined in buildspec.yml for automated deployments
- Sitemap and robots.ts for SEO; OpenGraph image included