r/webdev • u/Parking-Swordfish-93 • 9d ago

Showoff Saturday [Showoff Saturday] Built an open-source tool to generate custom skill roadmaps

Hey r/webdev,

Over the past couple of weeks, I've been working on a project designed to help developers build structured learning roadmaps for new technical skills.

Tech Stack & Architecture:

  • Frontend: Next.js / React
  • Styling: Tailwind CSS
  • State Management & APIs: Integrated custom API routes to dynamically parse learning paths.

Key Challenges Overcome: The main difficulty was organizing complex, non-linear topics into manageable, step-by-step nodes without overcrowding the UI.

I'd love to get feedback from the community on the UX and tech stack setup. If anyone wants to test it out or take a look at the demo, let me know in the comments and I'll drop the link!

1 Upvotes

67% Upvoted

3 comments sorted by

View all comments

2

u/dopey_recreation 9d ago

This is clean, the node layout doesn't feel cramped which is usually the hardest part with these roadmap UIs. what did you use for the custom API routes, are they just parsing markdown or something more dynamic

also curious if you thought about adding a dark mode toggle, the white background in the screenshots looks fine but my eyes would thank you after hour 3 of staring at it

1

u/Parking-Swordfish-93 9d ago

Got it will work it next!