Flower Informations (JS FrameWork Course Assignment 2) is made with React, React-Bootstrap and SASS. Using Wordpress API.To do Login functionality using a Wordpress API with the JWT plugin. Using react-hook-form and yup for Form validation. Website using data from WordPress API.
There are 2 sections of website.
-
Homepage with items(flowers) list.
-
Detail page show detail of item.
-
Contact Show contact form with validation.
a form with the following inputs and validation:
- First name - required, minimum 3 characters
- Last name - required, minimum 4 characters
- Email - required, must be in a valid email format
- Subject - required, this must be a select box with at least 2 options
- Message - required, minimum 10 characters.
-
Login Create a form with username/email and password fields.
- username:ย [email protected]
- Password :Pass1234
- This page will simply display an "Admin" heading.
- Clone the repo:
git clone https://github.com/Noroff-FEU-Assignments/js-frameworks-course-assignment-nunsinee.git
- Install the dependencies:
npm install
To run the app, run the following commands:
npm run start
"@hookform/resolvers": "^2.8.8", "@testing-library/jest-dom": "^5.16.3", "@testing-library/react": "^12.1.4", "@testing-library/user-event": "^13.5.0", "axios": "^0.26.1", "bootstrap": "^5.1.3", "node-sass": "^7.0.1", "react": "^17.0.2", "react-bootstrap": "^2.2.2", "react-dom": "^17.0.2", "react-hook-form": "^7.28.1", "react-icons": "^4.3.1", "react-router-dom": "^6.2.2", "react-scripts": "5.0.0", "web-vitals": "^2.1.4", "yup": "^0.32.11