dantas15/simple-checkout

Simple Checkout

Table of Contents

About The Project
Getting Started
- Prerequisites
- Installation
Contributing
Contact

About the project

Workflow

[!NOTE] The project is a simple demonstration for a frontend challenge and it's still in development, with that in mind, you can help me by creating issues on the repo

The project is a simple checkout where the user specifies

its name
the amount to be paid

Then two invoices are created:

Pix (Brazillian instant payment method that Woovi offers the stallment option)
Credit Card

The user is prompted to pay choose the stallment for Pix.

Once the user choosed the stallment quantity, the user is taken to another page and prompted to pay with QRCode or to copy the link:

Once the payment is confirmed, user is taken to the second part of the payment with credit card.

The user is then promptet to insert some info to validate the credit card:

Full name
Document
Card number
Validation date the card is due (Month, Year)
Security Code (CVV)
Quantity of stallments (with fees) that the price is going to be divided

Once the information is valid and the payment is validated, success screen shows, prompting the user to make another transaction from the beginning.

The following image displays the frontend workflow described above:

frontend-workflow

Some screens were taken from the challenge Figma

Project structure

web: Web application
server: the server api
@simple-checkout/ui: a stub React component library
@simple-checkout/eslint-config: eslint configurations (includes eslint-config-next and eslint-config-prettier)
@simple-checkout/typescript-config: tsconfig.jsons used throughout the monorepo

Built With

(back to top)

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

Node.js
```
https://nodejs.org/en/download/
```
PNPM
```
npm install pnpm -g
```

Installation

Clone the repo

git clone https://github.com/dantas15/simple-checkout.git

Install packages
```
pnpm install
```
Run the Project
```
pnpm dev
```

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

Fork the Project
Create your Feature Branch (git checkout -b feature/amazing-feature)
Commit your Changes (git commit -m 'feat(amazing-feature): my feature is awesome')
Push to the Branch (git push origin feature/amazing-feature)
Open a Pull Request