⚙️ Current Behavior
Users can mark blog posts as favorites using the heart icon available on blog cards and inside the blog modal. These favorites are stored correctly (via favorites.js / localStorage).
However, there is no visible or direct navigation option (such as a Favorites icon or link) on the Blog page or Navbar that allows users to quickly access the Favorites page. Users must manually locate or navigate to the page if it exists.
🚀 Proposed Improvement
Introduce a dedicated Favorites (heart) icon that allows users to navigate directly to the Favorites page.
This icon can be:
Placed in the Navbar for global access, or
Added as a floating action button (FAB) on the Blog page for quick access
Clicking the icon should redirect users to favorites.html.
🔍 Why It’s Needed
Improves user experience and navigation
Makes the Favorites feature more discoverable
Aligns with common UX patterns used in modern blog platforms
Encourages users to revisit and engage with saved content
Reduces friction for users who actively save blog posts
🧩 Possible Implementation
Add a heart icon (fa-heart) using Font Awesome.
Wrap the icon in an anchor tag linking to favorites.html.
Ensure accessibility using aria-label.
Optionally enhance with:
Active/filled state when favorites exist
Favorites count badge using localStorage
Example:
✅ Checklist
- [✅] I’ve reviewed existing issues to ensure this isn’t a duplicate.
- [✅] I’ve explained how this improves performance or readability.
⚙️ Current Behavior
Users can mark blog posts as favorites using the heart icon available on blog cards and inside the blog modal. These favorites are stored correctly (via favorites.js / localStorage).
However, there is no visible or direct navigation option (such as a Favorites icon or link) on the Blog page or Navbar that allows users to quickly access the Favorites page. Users must manually locate or navigate to the page if it exists.
🚀 Proposed Improvement
Introduce a dedicated Favorites (heart) icon that allows users to navigate directly to the Favorites page.
This icon can be:
Placed in the Navbar for global access, or
Added as a floating action button (FAB) on the Blog page for quick access
Clicking the icon should redirect users to favorites.html.
🔍 Why It’s Needed
Improves user experience and navigation
Makes the Favorites feature more discoverable
Aligns with common UX patterns used in modern blog platforms
Encourages users to revisit and engage with saved content
Reduces friction for users who actively save blog posts
🧩 Possible Implementation
Add a heart icon (fa-heart) using Font Awesome.
Wrap the icon in an anchor tag linking to favorites.html.
Ensure accessibility using aria-label.
Optionally enhance with:
Active/filled state when favorites exist
Favorites count badge using localStorage
Example:
✅ Checklist