ibrahimbmohammed/Payment-component

Project Set up

1. git clone https://github.com/ibrahimbmohammed/Payment-component.git, clone project from the git repository to your working directory on your machine.
2. run the yarn command on you system to install all needed dependencies in your project.

Getting Started

First, run the development server:

yarn dev

Component Hierarchy & Pseudo Entry Points

src/App.tsx

Folder Structure & Design system

As can be observed from the folder structure,the folder structure follows the atomic design principle, components are categorised as described below.

components/atoms
components/molecules
components/organisms

To learn more about Atomic Design, take a look at the following resources:

• Atomic Design Resource - learn about atomic design.
• Atomic Design Resource - learn more.

Test

Focus was unit test mainly, and also on components i deem critical.