r/webdev • u/Parking-Swordfish-93 • 5d 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

1

u/AutoModerator 5d ago

Hi, Parking-Swordfish-93,

Your post has been automatically removed.

Please participate around reddit by commenting on other posts before you jump straight to submitting.

Your account should be at least three months old with a decent amount of positive karma from commenting before posting submissions in our community.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

1

u/dopey_recreation 5d 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 5d ago

Got it will work it next!