Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rubendvb/ignite-lab-03-design-system
https://github.com/rubendvb/ignite-lab-03-design-system
clsx phosphoricons reactjs storybook talwindcss typescript
Last synced: about 10 hours ago
JSON representation
- Host: GitHub
- URL: https://github.com/rubendvb/ignite-lab-03-design-system
- Owner: Rubendvb
- Created: 2023-11-26T16:21:37.000Z (12 months ago)
- Default Branch: master
- Last Pushed: 2023-11-27T23:56:42.000Z (12 months ago)
- Last Synced: 2023-11-28T00:36:18.395Z (12 months ago)
- Topics: clsx, phosphoricons, reactjs, storybook, talwindcss, typescript
- Language: TypeScript
- Homepage: https://rubendvb.github.io/ignite-lab-03-design-system/
- Size: 3.71 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Ignite Lab 03 Design System
Este é um projeto que apresenta um design system utilizando diversas tecnologias e ferramentas modernas para o desenvolvimento de interfaces e componentes reutilizáveis, feito no curso da Rockeseat.
## Rodar Local
Clonar projeto
```bash
git clone [email protected]:Rubendvb/ignite-lab-03-design-system.git
```
Ir ao diretório do projeto
```bash
cd nome-do-projeto
```
Instalar dependências
```bash
npm install
```
Iniciar servidor
```bash
npm run dev
```
## Tech Stack
**Client:** React, Radix, TailwindCSS, Storybook
## Scripts Disponíveis
No diretório do projeto, você pode executar os seguintes scripts:
`npm run dev`
Roda a aplicação em modo de desenvolvimento usando o Vite.
`npm run build`
Realiza a compilação do projeto utilizando o TypeScript e gera os arquivos para produção com o Vite.
`npm run lint`
Executa o ESLint para analisar e identificar problemas no código, mantendo as boas práticas e a consistência.
`npm run preview`
Inicia um servidor local para visualização prévia da aplicação.
`npm run storybook`
Executa o Storybook em modo de desenvolvimento na porta 6006.
`npm run build-storybook`
Compila o Storybook para produção e configura para ser hospedado em um servidor estático.
`npm run deploy-storybook`
Realiza o deploy do Storybook para o GitHub Pages.
### Dependências Principais
- @phosphor-icons/react
- @radix-ui/react-checkbox
- @radix-ui/react-slot
- @storybook/addon-a11y
- clsx
- react
- react-dom
### Dependências de Desenvolvimento
- @storybook/addon-essentials
- @storybook/addon-interactions
- @storybook/addon-links
- @storybook/addon-onboarding
- @storybook/blocks
- @storybook/react
- @storybook/react-vite
- @storybook/storybook-deployer
- @storybook/testing-library
- @types/react
- @types/react-dom
- @typescript-eslint/eslint-plugin
- @typescript-eslint/parser
- @vitejs/plugin-react-swc
- autoprefixer
- eslint
- eslint-plugin-react-hooks
- eslint-plugin-react-refresh
- eslint-plugin-storybook
- postcss
- storybook
- tailwindcss
- typescript
- vite