Uncle's Cookies & Ice Cream

This project covers:

• Algorithmic thinking
• Data structures
• Array iteration
• Functions
• Modular Code
• Flexbox
• Wireframes
• Git and Github

Please read entire README before getting started

Goal

You are on the frontend team for Uncle Matt's Cookies and Ice Cream company. It's a small startup, but they're growing fast. Your team has been tasked to build the company's new website.

The business has listed out the required features of the website:

MVP Features

1. A header, centered at the top of the page, that says, "Uncle's Cookies & Ice Cream"
2. All the cookies (picture, name, and description) displayed on the page with a header that says, "Cookies"
3. All the ice cream flavors (picture, name, and description) displayed on the page with a header that says, "Ice Cream"
4. The cookies should be in a column on the left side of the page.
5. The ice cream should be in a column on the right side of the page.
6. Each individual cookie and ice cream flavor should be displayed with the image on the left and the name and description on the right. The name should be in bold and the description should be underneath the name.
7. The headers for the cookies and the ice cream should be centered to their columns.

Stretch Goal Features

These are features that the business would like you to implement if all the MVP features have been met.

1. The cookies and the ice cream should be displayed in alphabetical order.
2. Each cookie item should have a dotted baby blue border.
3. Each ice cream flavor should have a dashed pink border.
4. The font for the headers and the names should be the same fun font.
5. The title for the website should be in purple and a special font.
6. The descriptions for the items should be italicized.

Tech Requirements

Your tech lead for your frontend team at Uncle Matt's Cookies and Ice Cream company has specific requirements for the developmental process and has listed them below:

1. You must make a wireframe before starting the project.
2. You must modularize your code. Think SRP.
3. You must do all your work on a feature branch. Never on main.
4. You must make a new feature branch for each feature.
5. You must adhere to the team's branch naming convention: {initials}-{featureName}.
6. Your teammates must review and approve your pull request before you merge it into main.
7. You must use good CSS naming conventions, preferably the BEM format.
8. You must use Flexbox and/or CSS grid.

Set Up

1. Everyone clone the repository in your workspace directory with git clone {connection string}
2. Everyone immediately create their first feature branch with git checkout -b {initials-featureName}