Solution: Kim Eunyoung, Sebastian Brupbacher & Hayk Petrosyan

.eslintrc.js

@@ -49,7 +49,13 @@ module.exports = {
     },
   ],
   rules: {
-    "prettier/prettier": "error",
+    "prettier/prettier": [
+      "error",
+
+      {
+        endOfLine: "auto",
+      },
+    ],
     "react/jsx-filename-extension": "off",
     "import/prefer-default-export": "off",
     "prefer-destructuring": "off",

README.md

@@ -5,6 +5,18 @@
 [![All Contributors](https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square)](#contributors-)
 
 <!-- ALL-CONTRIBUTORS-BADGE:END -->
+<h1 align="center">Hi 👋, We are <br />Sebastian Brupbacher<br /> Hayk Petrosyan<br /> Eunyoung Kim</h1>
+<h2 align="center">Shopping Wizard - React Project</h3>
+<br />
+
+<h3 align="left">Languages and Tools:</h3>
+<br />
+<p align="left"> <a href="https://getbootstrap.com" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/bootstrap/bootstrap-plain-wordmark.svg" alt="bootstrap" width="40" height="40"/> </a> <a href="https://git-scm.com/" target="_blank"> <img src="https://www.vectorlogo.zone/logos/git-scm/git-scm-icon.svg" alt="git" width="40" height="40"/> </a> <a href="https://www.w3.org/html/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/html5/html5-original-wordmark.svg" alt="html5" width="40" height="40"/> </a> <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-original.svg" alt="javascript" width="40" height="40"/> </a> <a href="https://reactjs.org/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/react/react-original-wordmark.svg" alt="react" width="40" height="40"/> </a> <a href="https://sass-lang.com" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/sass/sass-original.svg" alt="sass" width="40" height="40"/> </a> </p>
+
+<br />
+<br />
+<br />
+<br />
 
 # Assembler School: React Shopping Cart Context
 

React-context-info.md

@@ -0,0 +1,57 @@
+#React Context
+###Project Organization
+
+1. Divide in little parts the website structure
+2. Create tasks for each part
+3. Create the basic pages and routes
+
+
+**Pages**
+
+Information / Delivery / Payment / Confirmation
+
+### Information ( if user is not logged )
+1. Title <br> 
+2. First Name ( required )
+3. Last Name ( required )
+4. Phone number ( required )
+5. Email ( required )
+6. Address 1 ( required )
+7. Address 2 <br>
+8. Zip Code ( required )
+9. City ( required )
+10. Country ( required )
+11. State ( required )
+
+### Delivery ( elseif user is logged )
+
+1. Address 1 ( required )
+2. Address 2 <br>
+3. Zip Code ( required )
+4. City ( required )
+5. Country ( required )
+6. State ( required )
+
+Fake user for Delivery page
+
+### Payment
+
+1. Type of payment ( required )
+2. Carholder name ( required )
+3. Card number ( required )
+4. Card expiry date ( required )
+5. CVV code ( required ) 
+6. Checkbox Policy ( required ) 
+
+### Confirmation
+
+1. Title
+2. Message ( Hi [ name ] your order...
+3. Order date / Order code / Payment / Address
+4. Product img / name / company / QTY / Price
+5. Subtotal
+6. Shipping method
+7. Taxes
+8. Discount ?
+9. Total
+10. Message shipping confirmation