README.md

Checkbox animado com SVG

📝 Sobre o Projeto

Este projeto é uma demonstração de um checkbox animado com SVG.

---

🌐 Tecnologias Usadas

⚛ Next.js

🔥 TypeScript

💅 Styled-Components

🗂 Redux Toolkit

🚩 Lints — ESlint/Prettier/EditorConfig/Commitlint

✅ Jest

🐙 React Testing Library

📝 Storybook

📱 PWA

---

✨ Features

• Projeto responsivo;

• Acessível para navegação sem mouse e para leitores de tela;

• Hooks personalizados para:

  • animação na montagem e desmontagem de componentes;
  • renderização condicional de componentes por breakpoints;

• Tema criado com styled-componentes sem uso de provider;

• Alta cobertura de testes;

• PWA instalável;

• Checkbox acessível;

---

🚩 Pré-Requisitos

• node

• yarn

---

❓ Como instalar e executar o projeto

Clonar Repositório:

git clone https://github.com/everton-dgn/next_styled_components_redux_tlk_pwa_boilerplate.git

Instalar Dependências:

yarn

Inciar Ambiente de Desenvolvimento:

yarn dev

Disponível em http://localhost:3000

Gerar Build de Produção:

yarn build

Inciar Ambiente de Produção:

yarn start

Disponível em http://localhost:3000

Executar Testes:

yarn test

Executar Testes em Modo Watch:

yarn test:w

Inciar Storybook em Modo de Desenvolvimento:

yarn sb

Disponível em http://localhost:6006

Gerar Build de Produção do Storybook:

yarn build-sb

Executar lints:

yarn lint

yarn next:lint

---

📕 Autor

Feito por Éverton Toffanetto.

🔗 LinkedIn: https://www.linkedin.com/in/everton-toffanetto/