SkillMap
A roadmap builder with reusable templates, community sharing, and learning challenges.
- Stack
- Next.js / Spring Boot / H2 / PostgreSQL / Docker
- Links
- Source ↗
My contribution
- Personal scope
- I worked across the Next.js interface and Spring Boot product architecture.
- Team context
- The project was developed within a three-person team.
- Deliverables
- My work included reusable roadmap flows, community browsing, and the documented design-pattern implementation.
- Technical ownership
- My technical work covered the Next.js interface, Spring Boot architecture, and the repository's documented Builder, Factory, and Observer patterns.
Learning paths become reusable objects.
SkillMap organizes learning around roadmaps instead of isolated bookmarks. A roadmap can be created, reused as a template, shared with other learners, and paired with challenges that make the path actionable.
The product keeps frontend, API, and data responsibilities separate.
Next.js 16 and React 19 handle the product interface while Spring Boot 3 owns the REST API. The backend runs with H2 for zero-setup local development or PostgreSQL 15 through Docker Compose.
Templates reduce the cost of starting from zero.
Reusable roadmap templates turn a personal learning plan into something the community can adapt. That changes the product from a private checklist into a shared learning system.
Builder, Factory, and Observer patterns have concrete jobs.
The Java backend uses Builder for roadmap construction, Factory to centralize roadmap creation, and Observer to power activity and audit events. The repository documents all three patterns and includes JUnit and Spring Boot tests.
The dashboard keeps roadmap progress, recent activity, and the next useful action in one view.
Roadmaps are treated as reusable learning objects rather than isolated bookmark lists.
Community browsing turns a private plan into something other learners can inspect and adapt.
Challenges add a concrete action layer so a roadmap is more than a list of topics to read.