UI kit

A UI kit developed in React is a collection of reusable user interface components and design elements that are built using the React library. This kit provides a comprehensive set of UI building blocks, such as avatars, buttons, popup, forms, icons, and typography, that can be quickly and easily integrated into React-based projects.

Author

@kristinaklyap

Demo

https://kristinaklyap.github.io/ui-kit/#/avatar

Tech Stack

Frontend: JavaScript, React, Redux Toolkit, CSS Modules (SCSS)

Documentation: Storybook

Tests: jest, react-testing-library

Run Locally

Clone the project

  git clone https://github.com/kristinaklyap/ui-kit.git

Go to the project directory

  cd ui-kit

Install dependencies

  npm install

Start the server

  npm run start

Start storybook

  npm run storybook

Run tests

  npm run test

Tree

🗂️ src
   ├── assets
   ├── components
   │   ├── Banner
   │   ├── Cart
   │   ├── Container
   │   ├── ContentRepeater
   │   ├── Footer
   │   ├── Header
   │   ├── NotFound
   │   ├── ProductCard
   │   ├── SectionTitle
   │   ├── Slider
   │   └── Typography
   ├── helpers
   ├── hooks
   ├── models
   ├── pages
   │   ├── Home
   │   ├── Page
   │   ├── Product
   │   └── Products
   ├── store
   └── styles
       └── scss

Sample component