London |Elhadj Abdoul Diallo| Module-Data-Groups | WEEK3 -slideshow

[eediallo]

Learners, PR Template

Self checklist

• I have committed my files one by one, on purpose, and for a reason
• I have titled my PR with COHORT_NAME | FIRST_NAME LAST_NAME | REPO_NAME | WEEK
• I have tested my changes
• My changes follow the style guide
• My changes meet the requirements of this task

Changelist

Briefly explain your PR.
I created a branch (feature/slideshow) in which I solved the slideshow project. To complete the project I implemented the following:

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

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

• Given at least 4 images in the carousel When the user reaches the end of the carousel in either direction Then the carousel loops 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 automatically advances every 2 seconds

• When the auto-back button is clicked Then the images automatically goes back every 2 seconds

• When the stop button is clicked Then the auto-advance/go back stops

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

Before	After