Multi-Step Form with Progress Bar
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 35/100
- issue の種類
- 機能追加
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- css, html, javascript
調査の方向性
ファイルやエントリーポイントは指定されていないため、まずプロジェクトの HTML、CSS、JavaScript のエントリーポイントを見つけ、フォームを個人情報、住所、確認のステップに分けて構成する方法を特定します。進捗バーが更新され、前後のナビゲーションが機能し、バリデーションによって無効な状態での進行がブロックされ、フォームがレスポンシブで使いやすくなれば完了です。
索引モデルが issue の本文から書いたものです。
説明
Description:
Create a multi-step form where users can input details across different sections (e.g., Personal Info → Address → Review). Each step should be clearly indicated using a progress bar at the top.
Requirements:
Implement a step-based form using HTML, CSS, and JavaScript. Show a progress bar that updates as the user moves between steps. Users should be able to navigate back and forth between steps. Form validation should be applied before proceeding to the next step. 💡 Make sure the form is responsive and user-friendly!
- 主要言語
- HTML
- スター
- 10
- フォーク
- 77
- PR マージ指標
- 30日以内にマージされた PR はありません
環境構築
このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
CommunityOfCoders/WebGenesis のほかの issue
-
Movie Night PlannerオープンHard Node + Express React
難易度 5/5 1週間以上 初心者へのやさしさ 25/100
-
Hard Node + Express Vite React
難易度 4/5 3〜5日 初心者へのやさしさ 45/100
-
Hard Node + Express Vite React
難易度 5/5 1週間以上 初心者へのやさしさ 25/100
-
Flask Hard React
難易度 5/5 1週間以上 初心者へのやさしさ 25/100
-
Framer Hard React
難易度 4/5 3〜5日 初心者へのやさしさ 35/100
CommunityOfCoders/WebGenesis の issue をすべて見る
似ている issue
-
area:curator enhancement
難易度 2/5 1〜3時間 初心者へのやさしさ 74/100
CassioDalla/Scrinalia#150 ·
メンテナーはふだん 1 日以内に返信
-
status: needs-triage v1-bug-bash
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
a2ui-project/a2ui#3533 ·
メンテナーはふだん 1 日以内に返信
-
Unsorted
難易度 2/5 1〜3時間 初心者へのやさしさ 66/100
AdguardTeam/AdguardFilters#245105 ·
メンテナーはふだん 1 日以内に返信
-
help wanted
難易度 2/5 1〜3時間 初心者へのやさしさ 76/100
メンテナーはふだん 1 日以内に返信
-
🤖 fix: a Daytona connection test started before a settings save can show the old key as connectedオープン
難易度 2/5 1〜3時間 初心者へのやさしさ 79/100
メンテナーはふだん 1 日以内に返信