Static website for the Association of Chinese Students and Scholars in Zurich (ACSSZ / 苏黎世中国学生学者联合会).
| Layer | Technology |
|---|---|
| Framework | React Router v7 (SSR/SSG mode) |
| UI Library | MUI v7 (Material UI) + Emotion CSS-in-JS |
| Language | TypeScript |
| Bundler | Vite |
| Carousel | Embla Carousel |
npm install
npm run dev # development server
npm run build # production build
npm run typecheck # type checkThe main page is composed of sections stacked vertically in this order:
| Section | Anchor | Description |
|---|---|---|
| AppBar | — | Sticky nav with language & theme toggles |
| Hero | — | Auto-scrolling carousel |
| Events | #events |
Event cards |
| Our Cooperation Partners | #sponsors |
Partner logo pills |
| Departments | #departments |
Department description cards |
| Useful Information | #information |
Freshmen handbook (external iframe) |
| FAQ | #faq |
Accordion Q&A |
| About Us | #about |
Text, team table, and photo |
| Contact Us | #footer |
Email, WeChat, social links |
| Copyright | — | CC BY-NC-ND 4.0 |
Content is licensed under CC BY-NC-ND 4.0.