Final Project Overview期末项目概述

For your final project, you will create the front end of a "Paradise Nursery" shopping application. The application interface will allow you to browse a variety of houseplants and add them to a shopping cart. The shopping cart feature lets you see all your items and their total cost. Your shopping cart should also allow you to adjust the number of items in the cart before checkout.
对于你的最终项目，你将创建一个“天堂苗圃”购物应用程序的前端。应用程序界面将允许你浏览各种室内植物并将它们添加到购物车中。购物车功能让你可以看到所有商品及其总费用。你的购物车还应允许你在结账前调整购物车中的商品数量。

Completing the practice project will help you with the final project. We designed it so that many of the components, code, and skills for that project can be transferred to this peer-reviewed project with some updates.
完成实践项目将有助于你完成最终项目。我们设计它是为了让许多那个项目的组件、代码和技能在经过一些更新后可以转移到这个同行评审的项目中。

Your application should have three pages: a landing page, a product listing page, and a shopping cart page. See the lab for details on the specific functionality requirements on each page. The product walkthrough video also demonstrates how your completed project should look and behave.
您的应用程序应包含三个页面：一个着陆页、一个产品列表页和一个购物车页。请参阅实验室以获取每个页面上具体功能要求的详细信息。产品演示视频也展示了您的完成项目应呈现的外观和行为。

Landing page 着陆页面

The landing page should have the following elements:

• A background image   背景图片
• A paragraph about the company
  关于公司的段落
• The company name   公司名称
• A Get Started button linking to the product page
  一个链接到产品页面的“开始使用”按钮

Product listing page 产品列表页面

The product listing page should have at least six houseplants for sale, organized into three or more categories. Each plant should have the following details about it:
产品列表页面应至少展示六种出售的室内植物，并按三个或更多类别组织。每种植物应包含以下详细信息：

• A thumbnail image   缩略图
• Plant name   植物名称
• Price   价格
• An Add to Cart button
  购物车添加按钮

The product listing and shopping cart pages should have a header. The header should have a shopping cart icon with a number that updates dynamically, displaying the total number of items in the cart. The header should also contain navigation to either of the other pages, depending on which page you are on.
产品列表页和购物车页面应包含一个页眉。页眉应包含一个购物车图标，图标上显示一个动态更新的数字，显示购物车中的商品总数。页眉还应包含导航链接，根据您所在的页面，可以导航到其他页面。

Shopping cart page 购物车页面

The shopping cart page displays all the details about the items in it. It should prominently display the total number of plants in the cart, the total cost of all items in the cart, a continue shopping button, and a checkout button.
购物车页面显示购物车中所有物品的详细信息。它应突出显示购物车中植物的总数、购物车中所有物品的总费用、继续购物按钮和结账按钮。

On this page, you should be able to see each type of plant in the shopping cart, including its thumbnail and name. You should also display its unit price and the total of all the items in the cart. You should provide an increase or decrease button to change the number of that plant type in the cart, which also updates the shopping cart icon in the header and the total number of items in the cart. Finally, you should also include a delete button for each type of plant in the cart.
在这个页面上，你应该能够看到购物车中每种植物的类型，包括其缩略图和名称。你还应该显示其单价和购物车中所有项目的总价。你应该提供一个增加或减少按钮来更改购物车中该植物类型的数量，这也会更新页眉中的购物车图标和购物车中项目的总数。最后，你还应该为购物车中的每种植物类型包括一个删除按钮。

You will need to store your project code in a GitHub repository with public access. You will submit a link to this repository so a peer can review your work.
您需要将项目代码存储在具有公开访问权限的 GitHub 仓库中。您需要提交该仓库的链接，以便同行可以审查您的作品。