open-index/open-npm huggingface dataset:
npm package: @patrickgrataobrainz/brainz-ui
Description: Este é um projeto de UI para da Big Brain que exporta componentes de React para serem utilizados em outros projetos.
Author: Patrick Gratão
Latest version: 0.0.10

<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">
    Brainz UI - Design System
</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>&nbsp;&nbsp;&nbsp;
</p>

# Visão Geral

Este boilerplate é escrito em Vite e serve para iniciar outros projetos de front-end dentro da Brainz.

O CRA (Create React App) foi descontinuado pela equipe do React por estar desatualizado, baixa performance, muito restrito a novas funcionalidades como SSR e testes. 

Como alternativa dada pela equipe do React temos o Vite.

Escolhemos o [Vite](https://vitejs.dev/) porque é muito semelhante à estrutura que utilizávamos anteriormente, porém possui um build em dev e prod muito rápido e possibilida maior cobertura de testes.

## Tecnologias utilizadas

- ⚛️ React 18
- ⛑ TypeScript
- ⛑ Vite
- 📏 Biome JS - Linter e Formatter
- 🖌 Styled components e [Tailwind](https://tailwindcss.com/)
- 🧪 Vitest e React Testing Library

# 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: @patrickgrataobrainz/poc-shadcn
Description: This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Latest version: 1.0.4

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

- Configure the top-level `parserOptions` property like this:

```js
export default tseslint.config({
  languageOptions: {
    // other options...
    parserOptions: {
      project: ['./tsconfig.node.json', './tsconfig.app.json'],
      tsconfigRootDir: import.meta.dirname,
    },
  },
})
```

- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
- Optionally add `...tseslint.configs.stylisticTypeChecked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:

```js
// eslint.config.js
import react from 'eslint-plugin-react'

export default tseslint.config({
  // Set the react version
  settings: { react: { version: '18.3' } },
  plugins: {
    // Add the react plugin
    react,
  },
  rules: {
    // other rules...
    // Enable its recommended rules
    ...react.configs.recommended.rules,
    ...react.configs['jsx-runtime'].rules,
  },
})
```
npm package: @patrickgrataobrainz/simple-ui
Description: A basic typesafe UI Library built by using React, Typescript, TailwindCSS and Storybook.
Latest version: 0.0.1

# React UI Library

A basic typesafe UI Library built by using React, Typescript, TailwindCSS and Storybook.

You can follow along the entire development of this project here 👇
[![thumbnail](https://github.com/gionathas/simple-ui/assets/16454253/f0978363-014b-4db0-836d-502383f43c68)](https://youtu.be/L8SxJ_cN1qc?si=FqtXtcml6DSpwycz)

## Getting Started

We leverage Storybook as a showcase of the various components implemented by this library.
To launch Storybook run:

```bash
yarn storybook
```

or

```bash
npm run storybook
```

## Built With

- [Vite](https://vitejs.dev/) - The web framework used

## Contributing

Please read [CONTRIBUTING.md](https://gist.github.com/PurpleBooth/b24679402957c63ec426) for details on our code of conduct, and the process for submitting pull requests to us.

## License

This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details