Here is the repo
https://masters-soft.com.ua/downloads/erp/epr-project-master.zip
Create the project
https://www.figma.com/file/sm1GPtciak0XDi2Ng5zQA4/Test-Product-Card-(Basket)?node-id=0%3A1
Create the necessary component following the example attached in the components / atoms / buttons file (https://masters-soft.com.ua/downloads/erp/test-booklet.zip)
Use Atomic Design Architecture
If a component is too large it could be splited to small components, then we add small components to the Atoms folder, and the component itself to the Molecules folder
Use only SASS
The site layout is divided into a grid consisting of 5×5 pixels squares, based on this, 2 main variables subline (5 pixels) and baseline (25 pixels) are derived. Use these variables to plot widths, heights, containers, etc.
There are a number of predefined functions and mixins that allow you to follow the set design system and simplify development.
The technology stack required for the successful completion of the task:
React
Typescript SASS