SJTU-BioX-Shanghai iGEM 2026 Wiki Scaffold

This is a bilingual React/Vite scaffold for the SJTU-BioX-Shanghai iGEM 2026 wiki. It implements the early visual and architecture plan: 2025-inspired glass styling, theme-ready design tokens, bilingual content data, and page templates for the full wiki structure.

Run Locally

npm install
npm run dev

Open http://localhost:5173/sjtu-biox-shanghai/.

Build

npm run build

The production output is written to dist/.

Structure

• src/data/pages.ts: bilingual page content model and placeholders.
• src/data/navigation.ts: mega navigation groups.
• src/data/archiveDeck.ts: homepage interactive archive deck.
• src/data/humanPractices.ts: filterable Human Practices records.
• src/components/: reusable wiki components.
• src/pages/: home, standard, notebook, team, and fallback templates.
• src/styles/index.css: 2026 theme tokens and layout system.
• docs/design-brief.md: visual direction and implementation brief.

Learning Path For Non-Frontend Team Members

Read these Chinese guides in order:

1. docs/00-current-status.md: understand current progress and next steps.
2. docs/local-moodboard.md: understand the visual direction. Canva is no longer required.
3. docs/05-content-intake-template.md: collect real project content before editing.
4. docs/01-how-to-edit-content.md: edit bilingual page text.
5. docs/02-how-to-add-assets.md: add images, PDFs, captions, and credits.
6. docs/03-page-and-component-cookbook.md: copy common content blocks.
7. docs/06-site-map-and-maintenance-flow.md: understand where each kind of content belongs.
8. docs/07-troubleshooting.md: fix common local development issues.
9. docs/08-open-source-interaction-toolkit.md: review approved animation and interaction tools.
10. docs/09-how-interactions-work.md: understand current interactions without editing animation code.
11. docs/04-release-checklist.md: check before sharing or publishing.