Hack-The-Tunnels-8 / hack-the-tunnels-oreo

hack-the-tunnels-oreo created by GitHub Classroom
0 stars 0 forks source link

Add Products Search To Home Page #45

Open hackthetunnelsbot[bot] opened 1 year ago

hackthetunnelsbot[bot] commented 1 year ago

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 the searchTerm query parameter on the GET /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.

aalsa16 commented 1 year ago

!complete

hackthetunnelsbot[bot] commented 1 year ago

Solved Challenges for oreo

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

aalsa16 commented 1 year ago

!complete

hackthetunnelsbot[bot] commented 1 year ago

Solved Challenges for oreo

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