pierrebosch/iugu-checkout

ReactJS Application for PEBMED 💙

Checkout Whitebook!

About the project   |    Technologies   |    Getting started   |    UI Design   

🖥 About the project

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

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

🎨 Figma UI Design

• Figma

💻 Getting started

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