- Showcase Visual Layer through an Image on your Pull Request
- Showcase Interactions / Animations Layer through a GIF / Video on your Pull Request
- Macbook: Command+Shift+5
- Windows: Snip Tool
Prettier: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
Storybook: https://storybook.js.org/
TypeScript: https://www.typescriptlang.org/
Atomic Design: https://atomicdesign.bradfrost.com/
This repository encompasses the Component Driven Design Methodology.
This folder is where you will be building your UI, no-data-logic only components.
This folder is where you will be testing your UI on Storybook for different ViewPorts (Responsiveness), Accessibility and functionality.
This folder contains the Storybook configuration options
This folder contains code generation scripts to help make development faster.
Use the Styled-Icons library to import icons from : https://styled-icons.dev/
Contains all the styling that CheaprEats uses so you don't have to guess to color codes, Also your components will automatically translate to dark mode!
- Ensure that you are using the consistent Mixins for your Media Queries: https://github.com/cheapreats/react-ui-library/blob/v2/src/Themes/ThemeTemplate.ts#L138