open-index/open-npm huggingface dataset:
npm package: @ost-cas-fee-adv-23-24/elbmum-design
Description: Design System Component Library
Latest version: 1.50.0

## Design System Component Library: Football Fanatics

![npm](https://img.shields.io/npm/v/%40ost-cas-fee-adv-23-24%2Felbmum-design)
![](https://img.shields.io/github/issues-pr/ost-cas-fee-adv-23-24/design-system-component-library-football-fanatics)
![](https://img.shields.io/github/issues/ost-cas-fee-adv-23-24/design-system-component-library-football-fanatics)
![](https://img.shields.io/github/contributors/ost-cas-fee-adv-23-24/design-system-component-library-football-fanatics)

This repository is part of the CAS Frontend Engineering Advanced eduction to build a Design System Component Library.

The project uses Storybook, a tool for developing UI components in isolation. You can view the Storybook page for this project here: [Storybook Page](https://ost-cas-fee-adv-23-24.github.io/design-system-component-library-football-fanatics/)

[NPM Package](https://www.npmjs.com/package/@ost-cas-fee-adv-23-24/elbmum-design)

## Getting Started

```bash
# clean install npm packages
npm ci

# build repo
npm run build

# start storybook server
npm run start

```

`npm run start` automatically opens [http://localhost:6006](http://localhost:6006) in your browser where you can check the storybook components

## Storybook

```bash
# start storybook
npm run start

# build storybook
npm run build-storybook
```

## Linting

```bash
# run prettier check
npm run format:check

# run prettier fix
npm run format:fix

# run type check
npm run type:check

# run linter
npm run lint

# run all the commands above
npm run code:fix
```