A single-file, browser-based progress tracker for Fetchly's internal Shopify Developer Specialization Paths. No backend, no login — runs entirely in the browser.
Tracks developer progress across two specialization paths:
- App Development (AD) — Embedded apps, Admin API, Polaris, checkout extensions, Shopify Functions, billing, and App Store readiness. 5 milestones.
- Headless Development (HD) — Custom storefronts with the Storefront API, Hydrogen, Oxygen, cart/checkout, metaobjects, performance, and SEO. 5 milestones.
Each milestone includes:
- Estimated time to complete
- Goal description
- Skills to build
- Recommended Shopify documentation links
- A project prompt that unlocks the next milestone
- Status tracking (Not started / In progress / In review / Done)
- A field to paste a review ticket link (Jira, Linear, Asana, etc.)
Milestones unlock sequentially — a milestone is only accessible after the previous one is marked Done.
Open index.html in a browser. No build step, no dependencies to install.
Progress is saved to browser storage (via window.storage). It is scoped to the browser/device where you open the file — there are no accounts or shared state.
Enter your name in the export bar and click Export progress to generate a Markdown summary of your progress across both paths. You can copy it to clipboard or download it as a .md file.
Use the Reset progress for this path button at the bottom to clear all progress for the currently active path.
index.html # Entire app — HTML, CSS, and JavaScript in one file
All milestone content (titles, skills, resources, project prompts) lives in the PATHS constant at the top of the <script> block, making it straightforward to update or extend.
Drop index.html anywhere that can serve a static file — a shared drive, Notion embed, internal wiki attachment, or a simple static host. No server-side requirements.