Description
Goal
Improve navigation UX by adding loading states, contextual navigation behavior, and responsive header elements across desktop and mobile.
Scope
-
Add loading indicator for all page transitions (desktop & mobile)
-
Update logo behavior:
- Navigate to the current section (
/shop or /blog) instead of always /
-
Replace static Home button with contextual section buttons:
- Show Shop button in shop context
- Show Blog button in blog context
-
Make GitHub stars button responsive:
- Visible starting from
375px
- Adaptive sizing across breakpoints
-
Improve mobile UX:
- Add touch interaction states
- Auto-close mobile menu after navigation
Expected impact
- Clear feedback during page transitions
- More intuitive navigation behavior
- Improved mobile usability
- Cleaner and more adaptive header UI
Out of scope
- Backend changes
- Data fetching logic
- GitHub stars API logic
Description
Goal
Improve navigation UX by adding loading states, contextual navigation behavior, and responsive header elements across desktop and mobile.
Scope
Add loading indicator for all page transitions (desktop & mobile)
Update logo behavior:
/shopor/blog) instead of always/Replace static Home button with contextual section buttons:
Make GitHub stars button responsive:
375pxImprove mobile UX:
Expected impact
Out of scope