CodeYourFuture / CodeYourFuture/Module-Data-Groups
Build a quote generator app
- 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
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