open-index/open-npm huggingface dataset:
npm package: @patrick_gratao/bigbrainui
Description: <h1 align="center" style="background-color: #383839">     <br />       <img alt="big brain" src="https://brainz.group/wp-content/themes/brainz-group/assets/BrainzGroupLogo.svg" />     <br /><br /> </h1>
Latest version: 0.0.7

<h1 align="center" style="background-color: #383839">
    <br />
      <img alt="big brain" src="https://brainz.group/wp-content/themes/brainz-group/assets/BrainzGroupLogo.svg" />
    <br /><br />
</h1>

<h1 align="center">
    Big Brain - Guia de Estilos
</h1>
<br/>
<p align="center">
  <a href="#visão-geral">Visão geral</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
  <a href="#organização-de-pastas-e-arquivos">Organização de pastas e arquivos</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
  <a href="#como-instalar?">Como instalar</a>
</p>

# Visão Geral

O objetivo deste projeto é fornecer componentes customizados para que todas as aplicações da Big Brain possam utilizar.

## Tecnologias utilizadas

- ⚛️ React 18
- ⛑ TypeScript
- ⛑ Vite
- 📏 Biome JS - Linter e Formatter
- 🖌 Styled components e [Tailwind](https://tailwindcss.com/)
- 🧪 Vitest e React Testing Library
- 🖌 Storybook

# Organização de Pastas e Arquivos

## Pasta `public`

Esta pasta contém os arquivos de públicos do app e também logo e favicon.

## Pasta `src`

Esta pasta contém os arquivos que utilizaremos no dia a dia da aplicação.

### Subpasta `src/components`

Nesta subpasta estarão presentes os arquivos de componentes da aplicação.

### Subpasta `src/pages`

Dentro desta pasta estão as páginas da aplicação.

Que deverão ser instanciadas no arquivo Routes.tsx

### Subpasta `src/styles`

Nesta subpasta estarão presentes os arquivos de estilo.

# Como instalar?

## Requisitos Mínimos

1. Necessário ter no mínimo o npm `9.5`
2. Necessário ter no mínimo o node `18.14.x`

## Instalação

1.  Baixe ou clone este repositório
2.  Acesse a pasta baixada e instale as dependências com `npm install` ou `yarn install`
3.  Rode o comando `npm run dev`

Após rodar o comando de `run` será aberto uma janela com a url `localhost:3000`.

## Rodar os Testes

1.  Rode o comando `npm run test`

---

Feito com 💗 pelo [Time de Produto - Brainz Group](https://brainz.group/)
npm package: @patrick_gratao/brainzui2
Description: - ⚛️ [React 18](https://reactjs.org/) - 📚 [Storybook 7](https://storybook.js.org/) - Components preview - 🖌️ [Tailwind CSS 3](https://tailwindcss.com/) - ⏩ [Vite](https://vitejs.dev/) - Run and build the project blazingly fast! - ⚡ [Vitest](https://
Latest version: 2.0.7

# ⚛️⚡ Vite + React + Typescript Component Library Template

## Features

- ⚛️ [React 18](https://reactjs.org/)
- 📚 [Storybook 7](https://storybook.js.org/) - Components preview
- 🖌️ [Tailwind CSS 3](https://tailwindcss.com/)
- ⏩ [Vite](https://vitejs.dev/) - Run and build the project blazingly fast!
- ⚡ [Vitest](https://vitest.dev/) - Components Unit Testing
- 📐 [ESLint](https://eslint.org/) & [Prettier](https://prettier.io/) - Formatting and Linting
- 🌟 [Typescript](https://www.typescriptlang.org/)
- 🐶 [Husky](https://typicode.github.io/husky) & [Lint Staged](https://www.npmjs.com/package/lint-staged) - Pre-commit Hooks
- ⏰ [Release Please](https://github.com/googleapis/release-please) — Generate the changelog with the release-please workflow
- 👷 [Github Actions](https://github.com/features/actions) — Releasing versions to NPM
- Initial components setup using [Atomic Design](https://bradfrost.com/blog/post/atomic-web-design/)

## Getting Started

1. Create a new repository using this one as template
2. Clone your repo
3. Install dependencies with `pnpm i` (first run `corepack enable` to enable pnpm)
4. Run `pnpm prepare` command to setup [Husky](https://typicode.github.io/husky) pre-commit hooks.

## Main Scripts

Always prepending pnpm:

- `dev`: Bootstrap the Storybook preview with Hot Reload.
- `build`: Builds the static storybook project.
- `build:lib`: Builds the component library into the **dist** folder.
- `lint:fix`: Applies linting based on the rules defined in **.eslintrc.js**.
- `format:prettier`: Formats files using the prettier rules defined in **.prettierrc**.
- `test`: Runs testing using watch mode.
- `test:cov`: Runs testing displaying a coverage report.

## Blog Post

I created a post explaning how to set up this library and publish it to a package registry! You can read it [here](https://igna.hashnode.dev/vite-react-typescript-component-library-template-setup-explanation).

## Author

[Ignacio Miranda Figueroa](https://www.linkedin.com/in/ignacio-miranda-figueroa/)

## License

[MIT](LICENSE)
npm package: @patrick_gratao/vite-component-library-template
Description: - ⚛️ [React 18](https://reactjs.org/) - 📚 [Storybook 7](https://storybook.js.org/) - Components preview - 🖌️ [Tailwind CSS 3](https://tailwindcss.com/) - ⏩ [Vite](https://vitejs.dev/) - Run and build the project blazingly fast! - ⚡ [Vitest](https://
Latest version: 0.0.15

# ⚛️⚡ Vite + React + Typescript Component Library Template

## Features

- ⚛️ [React 18](https://reactjs.org/)
- 📚 [Storybook 7](https://storybook.js.org/) - Components preview
- 🖌️ [Tailwind CSS 3](https://tailwindcss.com/)
- ⏩ [Vite](https://vitejs.dev/) - Run and build the project blazingly fast!
- ⚡ [Vitest](https://vitest.dev/) - Components Unit Testing
- 📐 [ESLint](https://eslint.org/) & [Prettier](https://prettier.io/) - Formatting and Linting
- 🌟 [Typescript](https://www.typescriptlang.org/)
- 🐶 [Husky](https://typicode.github.io/husky) & [Lint Staged](https://www.npmjs.com/package/lint-staged) - Pre-commit Hooks
- ⏰ [Release Please](https://github.com/googleapis/release-please) — Generate the changelog with the release-please workflow
- 👷 [Github Actions](https://github.com/features/actions) — Releasing versions to NPM
- Initial components setup using [Atomic Design](https://bradfrost.com/blog/post/atomic-web-design/)

## Getting Started

1. Create a new repository using this one as template
2. Clone your repo
3. Install dependencies with `pnpm i` (first run `corepack enable` to enable pnpm)
4. Run `pnpm prepare` command to setup [Husky](https://typicode.github.io/husky) pre-commit hooks.

## Main Scripts

Always prepending pnpm:

- `dev`: Bootstrap the Storybook preview with Hot Reload.
- `build`: Builds the static storybook project.
- `build:lib`: Builds the component library into the **dist** folder.
- `lint:fix`: Applies linting based on the rules defined in **.eslintrc.js**.
- `format:prettier`: Formats files using the prettier rules defined in **.prettierrc**.
- `test`: Runs testing using watch mode.
- `test:cov`: Runs testing displaying a coverage report.

## Blog Post

I created a post explaning how to set up this library and publish it to a package registry! You can read it [here](https://igna.hashnode.dev/vite-react-typescript-component-library-template-setup-explanation).

## Author

[Ignacio Miranda Figueroa](https://www.linkedin.com/in/ignacio-miranda-figueroa/)

## License

[MIT](LICENSE)