diff --git a/.eslintrc.js b/.eslintrc.js index 17514e75..940e1c0b 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -49,7 +49,12 @@ module.exports = { }, ], rules: { - "prettier/prettier": "error", + "prettier/prettier": [ + "error", + { + endOfLine: "auto", + }, + ], "react/jsx-filename-extension": "off", "import/prefer-default-export": "off", "prefer-destructuring": "off", @@ -59,5 +64,7 @@ module.exports = { "no-underscore-dangle": "off", "react/forbid-prop-types": "off", "react/prop-types": "off", + "jsx-a11y/label-has-associated-control": "off", + "jsx-a11y/label-has-for": "off", }, }; diff --git a/README.md b/README.md index 028e4ec7..afdaa7cb 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,71 @@ `#react.js` `#master-in-software-engineering` + + +## Pages + +1- Personal details Formulary (3 inputs) - Name input - Email inputs - Phone +number input Formik library using (validation with schema) path: +/checkout/step-1 EXTRA: Store info in Local Storage EXTRA: footer steps buttons + +2- Billing address pages Formulary (4 inputs) - Address inputs - City inputs - +PC input - Country select input Formik library using (validation with schema) +path: /checkout/step-2 EXTRA: Store info in Local Storage EXTRA: footer steps +buttons + +3- Payment details Formulary (6 inputs) - Select for payment method - Cardholder +Name - Card Number - Card expiry date - CVV Code - Accepting conditions path: +/checkout/step-3 EXTRA: Store info in Local Storage EXTRA: footer steps buttons +EXTRA: Credite card animation + +4- Order summary + +- Item information +- User information +- Addresss information path: /checkout/order-summary EXTRA: Store info in Local + Storage EXTRA: footer steps buttons + +(0)- Authentication (EXTRA) Login needed to go throught app + +## Pages components + +1- Personal details + +
+ + +