Merge pull request #3 from ShadowDraco/toolkit

Toolkit

.env

@@ -1 +1,2 @@
-VITE_UNSPLASH_URL = https://source.unsplash.com/random?
+VITE_UNSPLASH_URL = https://source.unsplash.com/random?
+VITE_API_URL = https://api-js401.herokuapp.com/api/v1

.env.sample

@@ -1 +1,2 @@
-VITE_UNSPLASH_URL = https://source.unsplash.com/random?
+VITE_UNSPLASH_URL = https://source.unsplash.com/random?
+VITE_API_URL = https://api-js401.herokuapp.com/api/v1

README.md

@@ -36,6 +36,13 @@ Add the "Add to Cart" feature to our application, which will allow our users to
 - As a user, I want to change the quantity of items I intend to purchase in the header. i.e. CART (1)
 - As a user, I want to be able to remove an item from my shopping cart.
 
+### Phase 3 Requirements
+
+Connecting the Virtual Store to a live API so that data is persistent and able to be separately managed.
+
+- As a user, I want to interact with live inventory so that I have confidence that the displayed products are in stock.
+- As a user, I want to know to that when I add an item to my cart, that it is removed from inventory so that no other users can purchase it.
+
 ### Application Architecture
 
 Virtual Store application using Vite, Material UI, and React-redux:

package.json

@@ -16,12 +16,15 @@
     "@mui/icons-material": "^5.13.7",
     "@mui/material": "^5.13.7",
     "@redux-devtools/extension": "^3.2.5",
+    "@reduxjs/toolkit": "^1.9.5",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
+    "axios": "^1.4.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-redux": "^8.1.1",
     "redux": "^4.2.1",
+    "redux-thunk": "^2.4.2",
     "sass": "^1.63.6",
     "vitest": "^0.33.0"
   },