
I built a real-time, interactive Skill Tree Tracker to plan my embedded systems learning. Thoughts?
Hey everyone,
I wanted to share a tool I've been working on for tracking and planning growth in embedded systems engineering: The Interactive Embedded Systems Skill Tree Tracker.
It’s inspired by the famous hexagonal skill tree layouts by sjpiper145, but turned into a fully interactive, responsive web app.
🔗 Check it out live: https://colonelblacc.github.io/Embedded-Systems-SkillTree/
🌟 Key Features: Interactive Hex Grid: Click nodes to track your progress in real-time, mapping skills from basic UART/I2C up to secure boot, RTOS, and TinyML.
Real-time Cloud Sync: Secure your profile with a locally hashed password to instantly sync progress across your PC, tablet, and phone (powered by Firebase).
Public Portfolio Sharing: Generate a unique shareable link (e.g., ?user=yourname) to showcase your technical roadmap to recruiters or colleagues.
Fully Privacy-Friendly: Completely supports LocalStorage if you prefer to keep your data local and offline.
🛠️ The Tech Stack: Frontend: Vanilla HTML5/CSS3/JavaScript with a sleek glassmorphism UI.
Backend: Firebase Firestore + Anonymous Auth. Uses the native Web Crypto API (SHA-256) to securely hash passwords client-side.
Automation: A Python compiler script handles merging vector SVG hex nodes and text layers directly into the template.
Credits to sjpiper145 for the original open-source MakerSkillTree concept design (CC BY-NC-SA 4.0).
I’d love to hear your feedback, feature ideas, or what advanced skills you think should be added to the tree next! Let me know what you think.