Skip to content

[TECH ED] Build slideshow app #31

Description

@carl0FF

Link to the coursework

https://github.com/Migracode-Barcelona/Module-Data-Groups/tree/main/Sprint-3/slideshow

Why are we doing this?

These challenges are designed to develop your problem-solving skills.

Acceptance criteria

  • Given a web page with a carousel of images
    When the page loads
    Then the first image in the carousel should be displayed

  • Given forward and back buttons
    When the forward button is clicked
    Then the next image in the carousel should be displayed
    And
    When the back button is clicked
    Then the previous image in the carousel should be displayed

  • Given at least 4 images in the carousel
    When the user reaches the end of the carousel in either direction
    Then the carousel should loop back to the first/last image

Advanced stretch functionality

  • Given auto-forward and auto-back buttons
    When the auto-forward button is clicked
    Then the images should automatically advance every 5 seconds

When the auto-back button is clicked
Then the images should automatically go back every 5 seconds
When the stop button is clicked
Then the auto-advance/go back should stop

  • Given the carousel is auto-advancing
    When either the forward or back button is clicked
    Then the auto-advance should stop

Maximum time in hours

4

How to get help

Share your blockers in your class channel and review this CYF workshop on asking questions.
https://programming.codeyourfuture.io/guides/getting-help/asking-questions/

How to submit

  1. Fork to your Github account.
  2. Make a branch for this project.
  3. Make regular small commits in this branch with clear messages.
  4. When you are ready, open a PR to the MigraCode repo, following the instructions in the PR template.

There are several projects in this repo. Make a new branch based on main for each project.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions