| summary | time | deliverables |
|---|---|---|
Using another person’s pattern library create the product details page within the system they created. |
2 hours |
Pattern library |
- Work only on your teammate’s
ecommerce-pattern-librarythat you cloned to your computer—ensure you only make commits to theproduct-detailsbranch. - Use their designed patterns to create the page that lists all details for a single product.
- You should already have a wireframe and appropriate documentation to complete your task.
- You should only be working within the
product.htmllayout—this file represents the view for every single product on their website. - You should only write HTML and insert appropriate classes like
.gridand type sizes. - DO NOT make any adjustments to any other files in the pattern library—the only file you can touch is the
product.htmllayout. If something can’t be created you need to chat with your teammate to come up with a solution. - The product details 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.