summary | time | deliverables |
---|---|---|
Create the checkout form page for your website by using your previously created patterns. |
2 hours |
Pattern library |
- Work only on your teammate’s
ecommerce-pattern-library
that you cloned to your computer—ensure you only make commits to thecheckout-form
branch. - Use their designed patterns to create the page that collects all the information necessary for a person to finalize their online purchase: address, credit card, etc.
- You should already have a wireframe and appropriate documentation to complete your task.
- You should only be working within the
checkout.html
file—it probably doesn’t exist yet so you’ll have to create it. - You should only write HTML and insert appropriate classes like
.grid
and type sizes. - DO NOT make any adjustments to any other files in the pattern library—the only file you can touch is the
checkout.html
layout. If something can’t be created you need to chat with your teammate to come up with a solution. - The checkout form page does not get its own CSS file. If you cannot create the page without writing CSS, talk to your teammate to better understand the patterns you’re supposed to use.
If you run into a situation where your teammate needs to update their pattern library follow the steps in the “Updating from master” lesson.
This shouldn’t happen though—because everybody has thought ahead and made ready everything necessary for the product details page. (*wink *wink)
During the next class you and your teammate will integrate the new page into their original code.
Show the teacher the completed version after the integration.