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

Research direction

Start with the linked coursework in Sprint-3/quote-generator and read its specification before choosing the entry files. Build the quote display and New Quote interaction using the quotes array, then verify in the browser that an initial quote and author appear and that repeated clicks show different quotes and authors.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend, web-dev
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
65/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.