Skip to content

hixcoder/hix_CheckoutPage

Repository files navigation

hix_CheckoutPage

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.

Installation

To compile and run hix_CheckoutPage, follow these steps:

  1. Clone the repository: git clone <repository-url>
  2. Navigate to the project directory: cd hix_CheckoutPage
  3. Compile the source code: npm i && npm run dev
  4. Check the link: http://localhost:3000/

Testing

there is three cases:

  1. Payment successful, if you use this card Number: 0000000000000000
  2. No enough money on this card, if you use this card Number: 1111111111111111
  3. Card is Not valid!, if you use other card Numbers.

🔗 Ressources

TanStack Query