mirror of
https://github.com/Dvorinka/MyClubServer.git
synced 2026-06-04 10:42:57 +00:00
30 lines
1.2 KiB
Markdown
30 lines
1.2 KiB
Markdown
# Project Diagrams
|
|
|
|
This folder contains Mermaid diagrams for the project:
|
|
|
|
- ER Diagram of the database schema
|
|
- System Architecture (frontend ↔ backend ↔ integrations)
|
|
- Admin Module Map (grouped by navigation categories)
|
|
- Frontpage Data Map (sections → data sources)
|
|
|
|
## Recommended extensions (VS Code)
|
|
- Markdown Preview Mermaid Support (ID: bpruitt-goddard.vscode-mermaid-preview)
|
|
- Alternative: Markdown Preview Enhanced (ID: shd101wyy.markdown-preview-enhanced)
|
|
|
|
## How to preview
|
|
1) Install one of the extensions above.
|
|
2) Open any .md file here (e.g., er-diagram.md).
|
|
3) Press Ctrl+Shift+V (or Right click → Open Preview / Open Preview to the Side).
|
|
4) If prompted to allow scripts for Mermaid, accept.
|
|
|
|
## Files
|
|
- er-diagram.md — ER diagram of DB entities and relationships
|
|
- system-architecture.md — high-level system flow
|
|
- admin-map.md — map of admin sections
|
|
- frontpage-data-map.md — frontpage sections → data sources
|
|
|
|
## Optional: Export as images
|
|
- You can install Mermaid CLI to export to PNG/SVG: `npm i -g @mermaid-js/mermaid-cli`
|
|
- For Markdown files in this folder, run: `mmdc -i er-diagram.md -o er-diagram.svg --inputType markdown`
|
|
(If you extract the mermaid code to a standalone .mmd file, you can omit `--inputType`.)
|