Checkout Whitebook!
About the projectย ย ย |ย ย ย Technologiesย ย ย |ย ย ย Getting startedย ย ย |ย ย ย UI Designย ย ย
This project is a simulation of a checkout using iugu as a payment gateway. In this project, triggers were added to ensure that all commits are made in the patterns of conventional commits, and triggers were added to correct the eslint patterns before the commit is finalized, in addition to using a pattern for writing CSS called BEM Pattern (BLOCK ELEMENT MODIFIER);
Technologies and Patterns that I used to develop this web client
- Vite ๐
- ReactJS
- TypeScript
- React Router DOM
- React Icons
- Formik
- Yup
- Styled Components
- BEM Pattern
- Axios
- Husky
- Commitlint
- Commitizen
- Eslint
- Prettier
- Conventional Commits
- Lint-staged
Import the `Insomnia.json` on Insomnia App or click on Run on Insomnia button
Clone the project and access the folder
$ git clone https://github.com/PierreBosch/iugu-checkout.git && cd iugu-checkout
Follow the steps below
# Install the dependencies
$ yarn
# Be sure the file 'src/services/api.ts' have the IP to your API, PUT URL in the .env file
# Start the client
$ yarn run dev
Made with ๐ by Pierre Boschetto ๐ See my linkedin