dashgo

---

Dashboard baseado em dados servidos pelo Mirage JS e interface criada com Chakra UI.

🚀 Introdução

Sistema criado através do Ignite da Rocketseat com o intuito de praticar os conhecimentos em cache local e data fetching com React Query, criação de interfaces declarativas com Chakra UI, criação de gráficos com ApexCharts.js e geração de dados fictícios para desenvolvimento com Mirage JS.

📋 Pré-requisitos

• Node.js 12+
• Yarn

🔧 Instalação

Para clonar o projeto via HTTPS execute o seguinte comando:

git clone https://github.com/Gabrielcsg19/dashgo.git

Em seguida instale as dependências:

yarn

🔨 Execução em ambiente de desenvolvimento

yarn dev

🛠️ Principais tecnologias utilizadas

• Next.js - Framework React que adiciona recursos como SSR, SSG e entre outros à biblioteca.
• Typescript - Superset Javascript que adiciona tipagem estática à linguagem.
• React Query - Biblioteca para lidar com gerenciamento de cache e data fetching no React.
• React Hook Form - Biblioteca para manipulação de formulário no React.
• Chakra UI - Biblioteca para criação de interfaces declarativas.
• Mirage JS - Biblioteca para geração de dados fictícios para serem consumidos durante o desenvolvimento do front-end.
• Yup - Biblioteca para validação de formulário largamente utilizada em projetos Javascript.

🎉 Agradecimentos

• @Rocketseat - Plataforma de educação que "girou a chave" na minha vida.
• @Diego Fernandes - CTO da Rocketseat. Esse é o cara.

Feito com ❤️ por Gabriel Souza