Skip to content

[TECH ED] Build quote generator app #18

Description

@oyehan-uob

From Module-JS2 created by Dedekind561: CodeYourFuture#47

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
Loading

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

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions