[TECH ED] Build slideshow app

[fikretellek]

From Module-JS2 created by Dedekind561: CodeYourFuture/Module-JS2#65

Link to the coursework

Look up the slideshow app in the week-3 directory to get started.

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 https://syllabus.codeyourfuture.io/guides/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 CYF repo, following the instructions in the PR template.

gitGraph
    commit id: "start"
    branch feature/alarmclock
    commit id: "skeleton page code"
    commit id: "Fonts and colours"
    commit id: "mobile layout"
    commit id: "lighthouse audit revisions mobile"
    commit id: "desktop layout"
    commit id: "lighthouse audit revisions desktop"
    checkout main
    merge feature/alarmclock

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

[JayMayer]

https://github.com/CodeYourFuture/Module-JS2/pull/226 https://github.com/CodeYourFuture/Module-JS2/pull/227