Feature Validate AddBooking
Nobody has claimed this yet.
Assessment
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Newbie friendliness
- 45/100
- Issue type
- Feature
- Clarity
- Mostly clear
- Activity status
- Stale
- Tech stack
- javascript, react
Research direction
Start by locating the AddBooking form introduced by issue #24 and run the application to exercise its Submit flow. Add validation for the named fields while preserving entered text, show a red error at the top for invalid input, and confirm valid values appear at the bottom as described in the test.
Written by the indexing model from the issue text.
Description
Depends on #24
Instructions:
Add validation to some fields from #24 : the first name and last name must not be empty, the email must contain exactly 1 @ symbol, and at least one . symbol after the @; the room ID must be a number between 0 and 100. If the fields do not contain correct information when the 'Submit' button is pressed, display a red error message at the top of the page, but do not clear the text already in the field.
Test:
An invalid input displays an error message after the 'Submit' button is pressed (e.g. an email like react@com is invalid). A valid input shows the correct values at the bottom of the page.
Reflection:
Validating user input is an important part of any application. Without checking the input, you might see unexpected errors when working with the data later.
What do you think would happen if you were asked to remove a booking for room number '81', but the user had typed 'eightyOne' or 'EIGHTY ONE'?
- Dominant language
- JavaScript
- Stars
- 1
- Forks
- 28
- PR merge metrics
- No merged PRs in 30d
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from CodeYourFuture/React-Module-Project
-
♟️ Dependent ticket 🏕 Priority Mandatory 🐇 Size Small 📅 Week 3 📅 Week 4
Difficulty 2/5 1-3 hours Newbie friendliness 65/100
-
🏕 Priority Mandatory 🐂 Size Medium 📅 Week 4 🧩 Feature
Difficulty 2/5 1-3 hours Newbie friendliness 65/100
-
Feature Search State Open🐂 Size Medium 📅 Week 3 🧩 Feature
Difficulty 2/5 1-3 hours Newbie friendliness 65/100
-
Feature Active Row Open🏝️ Priority Stretch 🐂 Size Medium 📅 Week 2 🧩 Feature
Difficulty 2/5 1-3 hours Newbie friendliness 65/100
-
🏕 Priority Mandatory 🐇 Size Small 📅 Week 2 🧩 Feature
Difficulty 1/5 Under an hour Newbie friendliness 68/100
All issues in CodeYourFuture/React-Module-Project
Similar issues
-
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
palladius/rails8-app-on-gcp#145 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 65/100
dotenvx/dotenv-vscode#139 ·
-
test-change-proposal
Difficulty 2/5 1-3 hours Newbie friendliness 65/100
web-platform-tests/interop#1455 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
corsairdev/corsair#1764 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 75/100