This project focuses on crafting a responsive checkout page for an e-commerce platform utilizing React. The primary objective is to enable users to seamlessly navigate through the checkout process by incorporating a visually appealing interface. Upon clicking the "Checkout" button, the page will initiate a POST request to the backend, transmitting specific item details. This task serves as an evaluation of proficiency in React development, encompassing state management, API integration, testing, and front-end design.
To compile and run hix_CheckoutPage, follow these steps:
- Clone the repository:
git clone <repository-url>
- Navigate to the project directory:
cd hix_CheckoutPage
- Compile the source code:
npm i && npm run dev
- Check the link:
http://localhost:3000/
there is three cases:
Payment successful
, if you use this card Number:0000000000000000
No enough money on this card
, if you use this card Number:1111111111111111
Card is Not valid!
, if you use other card Numbers.