CodeYourFuture / CodeYourFuture/Module-Data-Groups

Build a quote generator app

未關閉
#20 0 則留言 0 個 reaction 已指派 0 人 在 GitHub 檢視
🏕 Priority Mandatory 🐂 Size Medium 📅 Sprint 3 Core Module-Data-Groups Submit:PR
主要語言
JavaScript
星號
1
分支
326
平均合併
3 小時 25 分鐘
30 天內合併 PR
2

描述

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

貢獻指南

開啟貢獻指南

研究方向

從 Sprint-3/quote-generator 中連結的課程作業開始,在選擇進入檔案之前先閱讀其規格。使用 quotes array 建立引文顯示和 New Quote 互動,然後在瀏覽器中確認初始引文和作者會顯示,且重複點擊會顯示不同的引文和作者。

由索引模型根據 Issue 內容生成。

評估

技術堆疊
javascript
領域
frontend, web-dev
Issue 類型
功能
難度
2/5
預估耗時
1-3 小時
活躍度
停滯
描述清晰度
描述清楚
新手友好度
65/100

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。