Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/renantrs/lab-design-system
- Owner: RenanTRS
- License: mit
- Created: 2022-10-25T15:40:11.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2022-11-05T18:26:36.000Z (about 2 years ago)
- Last Synced: 2024-10-24T14:25:30.085Z (2 months ago)
- Topics: jest, msw, reactjs, storybook, tailwindcss, testing-library, typescript
- Language: TypeScript
- Homepage:
- Size: 5.3 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Ignite Lab - Design System
## 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.