ita-social-projects / ita-social-projects/StreetCode

Menu expanded button

Open
#962 0 comments 0 reactions 0 assignees View on GitHub
(Epic#4) Main page User Story
Dominant language
C#
Stars
27
Forks
14
PR merge metrics
No merged PRs in 30d

Description

**As a** user **I want to** switch between pages **so that** I will explore site better.

### Acceptance Criteria
1. Clicking on menu expanded button, user can see a menu of pages:

![image](https://github.com/user-attachments/assets/4d61c72a-9344-4b2c-b370-208f6effee73)

2. Clickin on page`s name, user will be redirected to the chosen page.
3. When user located on page, in menu the page`s name become bigger and red (891F16) according to mockup:

![image](https://github.com/user-attachments/assets/607b0054-1d0f-435d-9472-7ff36ad3209a)

4. When the user hovers over a specific page, it is highlighted in red (891F16) according to mockup

![image](https://github.com/user-attachments/assets/5a55002e-9c58-415a-9198-1cc372ecc586)

Link to approved design in [Figma](https://www.figma.com/design/jD2lHHBof7RrXWZqiUr0MU/HistoryCode?node-id=1-15399&t=U9ullVJNt8BRfpMu-0)

**Epic link**
E.g.: Epic #100 [Epic](https://jira.softserve.academy/browse/100)

**Labels to be added**
"User story", Correspondind Functionality (e.g. User), Priority ("pri: "), "Corresponding Epic"

Contributor guide

No contributing guide indexed for this repository

Research direction

No source file, test, or entry point is named in the issue. Start by locating the existing expanded-menu and page-navigation implementation, then compare it with the linked Figma design; the work is done when the menu opens, links navigate correctly, the current page is larger and red, and hovered pages are red.

Written by the indexing model from the issue text.

Assessment

Tech stack
csharp
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.