CodeYourFuture / CodeYourFuture/Module-Data-Groups

Build a todo-list app

オープン
#8 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
🏕 Priority Mandatory 🐂 Size Medium 📅 Sprint 3 Core Module-Data-Groups Submit:PR
主要言語
JavaScript
スター
1
フォーク
326
平均マージ
3時間 25分
マージ済み PR(30日)
2

説明

### Link to the coursework

https://github.com/CodeYourFuture/Module-Data-Groups/tree/main/Sprint-3/todo-list

### Learning Objectives

- [ ] Develop a web app according to a specification
- [ ] Update the DOM in response to input from the user

### Why are we doing this?

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

In this exercise you will build a to-do list which meets the following criteria:

#### Acceptance criteria

- [ ] Given a todo list web application
When the page loads
Then the populateTodoList() function should create todo list items for each hardcoded todo
When a todo list item is created
Then it should contain: ☑ 🗑 todo text
When the checkbox icon is clicked
Then the todo text should have strikethrough
And the checkbox should be ticked ✅ 🗑 ~todo text~

- [ ] Given a todo list item on the page
When the trash icon is clicked
Then the todo list item should be deleted

- [ ] Given a button to add new todos
When the button is clicked
Then a new todo should be added to the list with the checkbox and trash icons

- [ ] Given a button to mass delete completed todos
When the button is clicked
Then any todos that have been checked off should be deleted

- [ ] Given the ability to set a deadline when creating a todo
When a deadline is set
Then the deadline should be displayed next to the todo text

### Maximum time in hours

4

### 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/todo-list の coursework を開き、エントリーファイルと既存のテストまたは実行手順を確認します。todo の作成、完了、削除、一括削除、および期限の受け入れについて、記載されている受け入れ基準を実装します。各動作がブラウザーで機能すれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
javascript
領域
frontend
issue の種類
機能追加
難易度
2/5
見積もり時間
半日
活発さ
停滞
明瞭さ
明確に書かれている
初心者へのやさしさ
55/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。