Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/renantrs/lab-design-system

Ignite lab design system
https://github.com/renantrs/lab-design-system

jest msw reactjs storybook tailwindcss testing-library typescript

Last synced: 29 days ago
JSON representation

Ignite lab design system

Awesome Lists containing this project

README

        

Ignite Lab - Design System


GitHub License
GitHub top language
GitHub last commit
GitHub issues open
GitHub closed issues
GitHub pull request open
GitHub closed pull requests

## About this project
This project is part of rocketseat event.

## How to use
To clone and run this project, you'll need **[Git](https://git-scm.com)**, **[node v](https://nodejs.org/en/)** or higher + **[yarn v](https://yarnpkg.com)** or higher installed on your computer. From your command line:
```bash
#Clone this repository
$ git clone https://github.com/RenanTRS/lab-design-system.git

#Go into the repository
$ cd lab-ds

#Install dependencies
$ yarn

#Run
$ yarn dev

#Run storybook
$ yarn storybook
```

## Built with
[![Vite](https://img.shields.io/badge/Vite-gray?style=for-the-badge&logo=vite)](https://vitejs.dev/guide/#scaffolding-your-first-vite-project)
[![ReactJs](https://img.shields.io/badge/ReactJs-darkblue?style=for-the-badge&logo=react)](https://reactjs.org/)
[![TypeScript](https://img.shields.io/badge/Typescript-darkblue?style=for-the-badge&logo=typescript)](https://www.typescriptlang.org/)
[![Tailwindcss](https://img.shields.io/badge/Tailwindcss-blue?style=for-the-badge&logo=tailwindcss)](https://tailwindcss.com/)
[![PostCss](https://img.shields.io/badge/Post%20Css-red?style=for-the-badge&logo=postcss)](https://postcss.org/)
[![Autoprefixer](https://img.shields.io/badge/Autoprefixer-f5f5f5?style=for-the-badge&logo=autoprefixer)](https://www.npmjs.com/package/autoprefixer)
[![Stroybook](https://img.shields.io/badge/storybook-161b23?style=for-the-badge&logo=storybook)](https://storybook.js.org/docs/react/get-started/introduction)
[![@storybook/addon-A11y](https://img.shields.io/badge/Addon%20a11y-161b23?style=for-the-badge&logo=storybook)](https://github.com/storybookjs/storybook/tree/master/addons/a11y)
[![@msw-storybook-addon](https://img.shields.io/badge/addon%20msw-161b23?style=for-the-badge&logo=storybook)](https://github.com/mswjs/msw-storybook-addon)
[![@storybook/addon-interactions](https://img.shields.io/badge/addon%20interactions-161b23?style=for-the-badge&logo=storybook)](https://storybook.js.org/addons/@storybook/addon-interactions)
[![Axios](https://img.shields.io/badge/Axios-gray?style=for-the-badge&logo=axios)](https://axios-http.com/docs/intro)
[![MSW](https://img.shields.io/badge/msw-000?style=for-the-badge&logo=msw)](https://mswjs.io/docs/)
[![CLSX](https://img.shields.io/badge/clsx-000?style=for-the-badge&logo=clsx)](https://www.npmjs.com/package/clsx)
[![RadixIU Checkbox](https://img.shields.io/badge/radix%20IU%20checkbox-161618?style=for-the-badge&logo=radix)](https://www.radix-ui.com/docs/primitives/components/checkbox)
[![RadixIU Slot](https://img.shields.io/badge/radix%20IU%20slot-161618?style=for-the-badge&logo=radix)](https://www.radix-ui.com/docs/primitives/utilities/slot)
[![PhosphorIcons](https://img.shields.io/badge/Phosphor%20Icons-ffd76a?style=for-the-badge&logo=phosphoricons)](https://phosphoricons.com/)
[![Yarn](https://img.shields.io/badge/Yarn-darkblue?style=for-the-badge&logo=yarn)](https://yarnpkg.com/)

## Contact
- Email me - [email protected]
- Connect with me on [LinkedIn](https://www.linkedin.com/in/renantrsouza/)

## License
This project is licensed under the MIT License - see the [LICENSE](https://github.com/renantrs/lab-design-system/blob/main/LICENSE) file for details.