[TECH ED] Build quote generator app

[SyedArslanHaider]

@SallyMcGrath cloned issue Migracode-Barcelona/Module-JS2#21 on 2024-07-05:

Link to the coursework

Look up the quote-generator 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 user visits the quote generator web page

When the page loads

Then a random quote from the quotes array should be displayed on the screen

And the name of the person who said the quote should be displayed

• [ ] Given a user is viewing a random quote on the quote generator page

When the user clicks the 'New Quote' button

Then a new random quote from the quotes array should be displayed on the screen

And the name of the new quote's author should be displayed

• [ ] Given a user is viewing a quote on the quote generator page

When the user clicks the 'New Quote' button multiple times

Then a different random quote from the quotes array should be displayed each time

And the name of the new quote's author should be displayed each time

Maximum time in hours

3

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/js2-challenges-week4

    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/js2-challenges-week4

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

[SyedArslanHaider]

https://github.com/SyedArslanHaider/Module-JS2/tree/week-3-branch/week-3