🧩 Problem Description
Right now, DevPath has a wonderful "no-nonsense, direct learning" philosophy where students can browse roadmaps instantly without creating an account. But there's a practical catch—if a student filters through projects and finds the perfect guide or roadmap, they can't save it. The moment they close the browser tab or refresh, their selection disappears, and they have to re-filter everything from scratch the next time they visit.
🧠 Proposed Feature / Solution
To maintain the zero-auth, instant-access ecosystem of DevPath, we can build a lightweight Offline Bookmarking System that saves favorite roadmaps locally using the browser's native localStorage API.
My Core Implementation Strategy:
- Interactive UI Trigger: Add a subtle, clean
Bookmark icon (using Lucide React icons) directly on the roadmap grid cards or sub-page headers.
- Local Sync State: Create a reactive custom hook or state layer to read/write a JSON array (like
devpath_saved_roadmaps) into the browser's storage safely.
- Sliding Drawer/Menu: Build a sleek, retractable drawer component that lists all bookmarked roadmaps with a single-click remove action.
- Next.js Hydration Guard: Wrap the loading logic cleanly within a
useEffect layout block to prevent Next.js SSR (Server-Side Rendering) mismatch flashes or compilation crashes.
🎬 Expected Behavior
- Clicking the bookmark icon instantly toggles its state (from outline to filled) and triggers a fast, non-intrusive notification ("Saved to your bookmarks! 💾").
- Saved items stay intact across sessions and can be accessed seamlessly anytime via the floating drawer menu.
- The UI will be 100% fluid and responsive on both desktop grid viewports and mobile layouts.
Please assign this to me under GSSoC 2026!
🧩 Problem Description
Right now, DevPath has a wonderful "no-nonsense, direct learning" philosophy where students can browse roadmaps instantly without creating an account. But there's a practical catch—if a student filters through projects and finds the perfect guide or roadmap, they can't save it. The moment they close the browser tab or refresh, their selection disappears, and they have to re-filter everything from scratch the next time they visit.
🧠 Proposed Feature / Solution
To maintain the zero-auth, instant-access ecosystem of DevPath, we can build a lightweight Offline Bookmarking System that saves favorite roadmaps locally using the browser's native
localStorageAPI.My Core Implementation Strategy:
Bookmarkicon (using Lucide React icons) directly on the roadmap grid cards or sub-page headers.devpath_saved_roadmaps) into the browser's storage safely.useEffectlayout block to prevent Next.js SSR (Server-Side Rendering) mismatch flashes or compilation crashes.🎬 Expected Behavior
Please assign this to me under GSSoC 2026!