A interview test for short candidate

Interview test

1. Can you please provide the code you would like me to explain? Without the specific code, I am unable to understand what you are asking and provide an explanation.

   const compare = a => b => a <= b 
   

2. Following up on the previous question, I would like to request that you use a simple array with the map method

3. Create an order detail page (static page) using the following data.

   {
     "id": 17383,
     "customer_id": 0,
     "date_created": "Wed, 11 Jan 2023 06:06:51 +0000",
     "date_modified": "Wed, 11 Jan 2023 06:06:51 +0000",
     "date_shipped": "",
     "status_id": 1,
     "status": "Pending",
     "subtotal_ex_tax": "120.0000",
     "subtotal_inc_tax": "120.0000",
     "total_ex_tax": "120.0000",
     "total_inc_tax": "128.4000",
     "total_tax": "8.4000",
     "items_total": 1,
     "payment_method": "PayPal",
     "payment_provider_id": "1UT71582DU8167934",
     "order_is_digital": false,
     "currency_id": 1,
     "currency_code": "USD",
     "currency_exchange_rate": "1.0000000000",
     "default_currency_id": 1,
     "default_currency_code": "USD",
     "shipping_address_count": 1,
     "is_deleted": false,
     "billing_address": {
       "first_name": "Abdullah",
       "last_name": "Almaslamani",
       "company": "",
       "street_1": "4283 Express Ln",
       "street_2": "",
       "city": "Sarasota",
       "state": "Florida",
       "zip": "34238",
       "country": "United States",
       "country_iso2": "US",
       "phone": "",
       "email": "deadlyvisions@hotmail.com",
       "form_fields": []
     },
     "is_email_opt_in": false,
     "order_source": "external",
     "channel_id": 1,
     "products": {
       "url": "https://api.bigcommerce.com/stores/k28u1tc9ki/v2/orders/17383/products",
       "resource": "/orders/17383/products"
     },
     "shipping_addresses": {
       "url": "https://api.bigcommerce.com/stores/k28u1tc9ki/v2/orders/17383/shipping_addresses",
       "resource": "/orders/17383/shipping_addresses"
     },
     "coupons": {
       "url": "https://api.bigcommerce.com/stores/k28u1tc9ki/v2/orders/17383/coupons",
       "resource": "/orders/17383/coupons"
     },
     "store_default_currency_code": "USD",
     "store_default_to_transactional_exchange_rate": "1.0000000000",
     "custom_status": "Pending"
   }
   

   4. Try changing the original carousel to parallel scroll (hint: use gsap, you can refer to this)

   5. https://jioujiou9308.github.io/CSS_Project/furniture_store/index.html#slide-4

   6. I would like to request that you use firebase that you have used before, to implement a mechanism that automatically uses axios to switch the access_token. You can refer to here

      https://github.com/jioujiou9308/react_firebase_website

   7. Implement a shopping cart using react.js

      • Use tailwind for styling - see how much you can use
      • Use recoil, contextProvider, redux... for state management tools
      • Use api or setTimeout to implement asynchronous concepts

   8. Implement a simple blog post using react.js

      • Use react-hook-form + yup for adding and updating forms

      • When submitting the form, I hope to see a loading sign or spinning wheel when clicking the submit button (can be implemented using useState, react-query is better)