# TEMPLATE-topic

This is a **working reference implementation** of the Learning Path standard. Copy this whole folder into a category (e.g. `Blockchain/`), rename it (e.g. `Solidity-ERC20/`), and edit the placeholder content.

## What's here

```
TEMPLATE-topic/
├── README.md              ← this file — replace with the topic overview
├── index.html             ← topic dashboard — edit TOPIC_SLUG and TOPIC_DATA
├── 01-Basics/
│   ├── README.md          ← level intro
│   └── 01-Example/
│       ├── README.md      ← the lesson (concept → code → gotchas)
│       ├── lesson.html    ← beautiful renderer for README.md
│       ├── cheatsheet.md  ← 1-screen rapid recall
│       ├── interview.md   ← senior-level Q/A
│       └── Tasks/
│           └── 01-hello.md
├── 02-Intermediate/README.md
└── 03-Advanced/README.md
```

## How to adapt

1. Copy the folder and rename it.
2. In `index.html`:
   - Change `TOPIC_SLUG` (used as the localStorage prefix).
   - Fill `TOPIC_DATA.levels[*].modules` with your real modules.
   - Update the Mermaid roadmap.
3. For every new module, copy `_assets/lesson.html.template` into the module folder as `lesson.html` and fill the four placeholders.
4. Write each module's `README.md`, `cheatsheet.md`, `interview.md`, and 3–5 `Tasks/*.md`.

Full contract: [`../_assets/STANDARD.md`](../_assets/STANDARD.md).

## Verify it works

- Open `TEMPLATE-topic/index.html` — the dashboard should render.
- Click the "Example Module" row → `lesson.html` should render `01-Basics/01-Example/README.md` with syntax highlighting and a Mermaid diagram.
- Tick "Mark complete" — reload the page — the checkbox state should persist.