Traverse millennia and discover the cultural imprints of the Central Plains — an immersive cultural tourism guide for Zhongyuan
Zhongyuan Chronicle is an immersive cultural tourism web application centered on nine landmark heritage sites in Henan, China. Blending traditional Chinese ink-wash aesthetics with modern interactive experiences, it guides users through millennia of civilization in the Central Plains.
| Technology | Version | Description |
|---|---|---|
| React | 19 | UI Framework |
| TypeScript | 6 | Type Safety |
| Vite | 8 | Build Tool |
| Tailwind CSS | 4 | Utility-First CSS |
| Motion | 12 | Animation Engine |
| React Router | 7 | Routing |
| Lucide React | - | Icon Library |
| WorkBuddy | - | AI Coding Assistant |
- tailwindcss-animate — Tailwind animation plugin
- class-variance-authority — Component variant management
- clsx + tailwind-merge — Class name merging utilities
# Install dependencies
pnpm install
# Start dev server
pnpm dev
# Build for production
pnpm build
# Preview build output
pnpm preview
src/
├── components/
│ ├── layout/ # Layout components (navbar, footer, etc.)
│ ├── sections/ # Page sections (Hero, Sites, Heritage, etc.)
│ └── ui/ # Reusable UI components (buttons, badges, media, etc.)
├── config/ # Site configuration & media assets
├── pages/ # Page components
└── styles/ # Global styles
About
中原文化河南文旅旅游导览沉浸式体验国风设计数字文旅文化科普
35/F,Tencent Building,Kejizhongyi Avenue,Nanshan District,Shenzhen
