Open hackthetunnelsbot[bot] opened 1 year ago
!complete
add-404-page: 2 add-css-animation: 5 add-deleted-column-to-products: 2 add-font-style: 1 add-footer-component: 2 add-pagination-to-products-endpoint: 13 add-partial-dark-mode: 3 create-product-web-scraper: 8 get-products-search-term: 3 hello-client: 1 hello-service: 1 improve-product-preview-card-component: 2 send-sms-with-twillio: 13 style-page-component: 2 style-product-page: 3 update-favicon: 1 update-page-title: 1 update-product-endpoint: 3
!complete
add-404-page: 2 add-css-animation: 5 add-deleted-column-to-products: 2 add-font-style: 1 add-footer-component: 2 add-navbar-component: 3 add-pagination-to-products-endpoint: 13 add-partial-dark-mode: 3 create-product-web-scraper: 8 get-products-search-term: 3 hello-client: 1 hello-service: 1 improve-product-preview-card-component: 2 send-sms-with-twillio: 13 style-page-component: 2 style-product-page: 3 update-favicon: 1 update-page-title: 1 update-product-endpoint: 3
Description:
Checkout
client/src/pages/Home/Home.tsx
to get started,Add the ability for users to search for products on the home page.
Use the
SearchBar
component to populate thesearchTerm
query parameter on theGET /products?searchTerm=
endpoint.After the ServiceAPI responds back with search results, set the products being displayed on the home page using
setProducts
.Acceptance Criteria:
When the user types in the
SearchBar
component's input, the products displayed on the home page update to match the user's desired search term.