Skip to content

Feat/247/implement favorite streetcodes list#7

Merged
Vektor19 merged 4 commits into
mainfrom
feat/247/implement-favorite-streetcodes-list
Dec 29, 2025
Merged

Feat/247/implement favorite streetcodes list#7
Vektor19 merged 4 commits into
mainfrom
feat/247/implement-favorite-streetcodes-list

Conversation

@Vektor19
Copy link
Copy Markdown
Contributor

dev

GitHub

#247

Summary of change

This pull request introduces a new "favorites" feature to the Streetcode catalog. Users can now mark streetcodes as favorites, view only their favorites in the catalog, and see visual indicators for favorited items. The implementation includes state management, UI components, and styling for a seamless user experience.

Favorites feature implementation:

  • Added a new FavoritesStore (favorites-store.ts) using MobX for managing favorite streetcode IDs, persisting them in localStorage, and providing methods to add, remove, toggle, and check favorites.
  • Integrated FavoritesStore into the root store (root-store.ts) and made it available throughout the app. [1] [2] [3]

Catalog page enhancements:

  • Updated the catalog component to allow filtering by favorites, with toggle buttons for "All Streetcodes" and "Favorite Streetcodes." The displayed list updates based on the selected filter. [1] [2]
  • Added and styled new filter buttons in the catalog page SCSS for a clear and user-friendly interface.

Streetcode item UI improvements:

  • Added a heart icon button (filled or outlined) to each catalog item for marking/unmarking as favorite, with accessibility labels and responsive placement for desktop and mobile. [1] [2] [3] [4] [5]
  • Styled the favorite button for both desktop and mobile views, including hover effects and positioning.

CHECK LIST

  • СI passed
  • Сode coverage >=95%
  • PR is reviewed manually again (to make sure you have 100% ready code)
  • All reviewers agreed to merge the PR
  • I've checked new feature as logged in and logged out user if needed
  • PR meets all conventions

@Vektor19 Vektor19 self-assigned this Dec 29, 2025
@Vektor19 Vektor19 added the documentation Improvements or additions to documentation label Dec 29, 2025
@github-actions
Copy link
Copy Markdown

Azure Static Web Apps: Your stage site is ready! Visit it here: https://lively-tree-07bdde603-7.westeurope.4.azurestaticapps.net

Copy link
Copy Markdown
Contributor

@VolodymyrShapoval VolodymyrShapoval left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Viktor is the best as always! Great job! Thank you for these changes.

@github-actions
Copy link
Copy Markdown

Azure Static Web Apps: Your stage site is ready! Visit it here: https://lively-tree-07bdde603-7.westeurope.4.azurestaticapps.net

@sonarqubecloud
Copy link
Copy Markdown

@github-actions
Copy link
Copy Markdown

Azure Static Web Apps: Your stage site is ready! Visit it here: https://lively-tree-07bdde603-7.westeurope.4.azurestaticapps.net

@Vektor19 Vektor19 merged commit 6edc5fe into main Dec 29, 2025
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentation Improvements or additions to documentation

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants