Credit Card Payment

Description

This application showcases the behavior of a clothing e-commerce, allowing users to select various products for purchase. It displays a summary of the selected products and simulates a purchase. Additionally, the application features a credit card validator in the payment view and provides a transaction summary.

In conclusion, the application is built with React and Vite. You can check the demo version here.

Prerequisites

Make sure you have Node.js and npm installed on your machine before running the application.

Installation

1. Clone this repository:

   git clone https://github.com/alejor64/credit-card-payment.git

2. Navigate to the application directory: credit-card-payment

   cd credit-card-payment

3. Install dependencies:

   yarn install

Running Locally

To run the application in your local environment, use the following command:

yarn dev

This will start the application at http://localhost:5173.

Testing

Unit tests are configured with Jest. You can run the tests in watch mode using the following command:

yarn test

Folder Structure

src
├── domain/
│   ├── application/
│   │   ├── selectors/
│   │   ├── slices/
│   │   ├── constants.js
│   │   ├── helpers.js
│   ├── infrastructure/
│   │   ├── routes.js
│   ├── presentation/
│   │   ├── assets/
│   │   ├── component/
│   │   ├── pages/
├── router/
│   ├── AppRotuer.jsx
│   ├── routes.js
├── shared/
│   ├── application/
│   │   ├── theme/
│   │   │     ├── color.scss
│   │   │     ├── constants.scss
├── store/
│   ├── index.js
│   ├── store.js
├── tests/
│   ├── domain/