Open miriam-ertl opened 1 year ago
You have almost defeated the beast. π²
It's super hard at first to name components and pages descriptively - that takes training and experience. Here are my comments π€
Submit add trip
addTripp.js
. Remember that this name will be part of the URL. Cancel add trip
ConfirmationDialog
or ConfirmationMessage
. You guys worked so hard on this user story - that's why it's approved.
Hey! This looks really good! We (Tien and I) do have a couple of comments, though:
Again, this looks really good! Congrats to you! π
Value proposition
As a user I want to be able to create a new trip so that I can easily plan my upcoming trips
Description
Acceptance criteria
+ add trip
link on the homepage leads to aform
pageform
page consists of the following:add trip
buttoncancel
linkback-link
arrowNote: When the maximum amount of characters for a form field hits its treshold, no new characters inputs are added.
[ ] Clicking on the
cancel
link or theback-link
will open a message below the form, which asks for the users next process steps either to continue or cancel adding a new trip[ ] Clicking on the
add trip
button with all the required fields supplied will send the user to a new page, where the message: "Congratulations, you have a added a new trip" will be displayed. On this page there is ahome
link, that leads the user back to the homepage. This trip is now added to the list of trips on the homepage[ ] Clicking on the
add trip
button while at least one required field is not supplied will inform the user about missing entriesTasks
feature/addTrip
pages/api/trips/index.js
, write thePOST
requestAdd a trip
TripForm
submit button
Submit
add trip
addTrip.js
submit button
redirects toConfirmation.js
PageCancel
add trip
ConfirmationMessage
component that will be displayed below, triggered by anonClick
event on either theback-link
arrow or thecancel
linkCancelCreate
componentFirst new trip
index.js
, if no list item existsError message required form field
API Endpoints status