CodeYourFuture / CodeYourFuture/Module-Data-Groups

Build a quote generator app

Open
#20 0 comments 0 reactions 0 assignees View on GitHub
🏕 Priority Mandatory 🐂 Size Medium 📅 Sprint 3 Core Module-Data-Groups Submit:PR
Dominant language
JavaScript
Stars
1
Forks
326
Avg merge
3h 25m
Merged PRs (30d)
2

Description

### Link to the coursework

https://github.com/CodeYourFuture/Module-Data-Groups/tree/main/Sprint-3/quote-generator

### Learning Objectives

- [ ] Develop a web app according to a specification
- [ ] Practice manipulating data in JavaScript

### Why are we doing this?

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

In this exercise you will build an app which displays famous quotes. It must meet the following criteria:

#### 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

General advice on asking for help can be found on the [curriculum pages](https://curriculum.codeyourfuture.io/guides/getting-help/asking-questions/).
You can always share your blockers in your class channel and get help from your colleagues.

### How to submit

1. Fork the coursework repo 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.

There are several projects in this repo. [Make a new branch](https://simpledev.io/lesson/create-branch-gh-desktop-1) based on `main` for each project.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.