Story 3.2.3. RJ. Slider with categories

Content

General info

The Slider with Categories is an interactive component on the main page that displays job categories in clickable boxes. When a category box is clicked, the user is directed to a page showing a list of vacancies that are prefiltered based on the selected category. The slider includes navigation buttons for scrolling left or right, enabling users to view more categories as needed. Additionally, the slider transforms into a smaller, fixed view at the top of the screen when the user scrolls down the page, maintaining visibility and accessibility.

User story

As a job seeker,
I want to view and interact with a slider of job categories,
So that I can easily access the prefiltered list of vacancies for the selected category.

Visual design:

https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/ROCKEN-jobs-%2F-talent?node-id=54439-8268&t=NTm4mK2SkjyVDMLS-4

 

#

Acceptance Criteria

 

01

Scenario: Category box display
Given: the user is viewing the main page
When: the page loads
Then: the slider should display clickable category boxes, each representing a different job category.

 

image-20240928-192505.png

 

02

Scenario: Navigating through categories
Given: the user is viewing the category slider
When: the user clicks the left or right navigation buttons
Then: the slider should scroll accordingly, displaying additional categories based on the button clicked.

 

 

03

Scenario: Clicking a category
Given: the user clicks on a category box in the slider
When: the user interacts with the category
Then: the user should be redirected to a page with a list of vacancies prefiltered by the selected category

 

 

04

Scenario: Slider transformation on scroll
Given: the user scrolls down on the main page
When: the user scrolls past the slider
Then: the slider should transform into a smaller, fixed view at the top of the screen, maintaining visibility as the user continues to scroll.

 

image-20240928-192532.png

Comments

Leave a Reply