https://github.com/luiizsilverio/dashgo

Projeto desenvolvido em React / Next e Typescript, utilizando Chakra-UI, ApexCharts, React Hook Form, Yup, React Query, MirageJs, durante o Ignite React da Rocketseat
https://github.com/luiizsilverio/dashgo

apexcharts chakra-ui faker miragejs next nextjs react reacthookform reactjs reactquery rocketseat typescript yup

Last synced: 10 days ago
JSON representation

Projeto desenvolvido em React / Next e Typescript, utilizando Chakra-UI, ApexCharts, React Hook Form, Yup, React Query, MirageJs, durante o Ignite React da Rocketseat

• Host: GitHub
• URL: https://github.com/luiizsilverio/dashgo
• Owner: luiizsilverio
• License: mit
• Created: 2021-04-21T19:53:05.000Z (about 5 years ago)
• Default Branch: main
• Last Pushed: 2021-10-18T00:06:04.000Z (over 4 years ago)
• Last Synced: 2025-03-27T12:34:34.828Z (about 1 year ago)
• Topics: apexcharts, chakra-ui, faker, miragejs, next, nextjs, react, reacthookform, reactjs, reactquery, rocketseat, typescript, yup
• Language: TypeScript
• Homepage:
• Size: 359 KB
• Stars: 1
• Watchers: 1
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# dashGo 

## Conteúdo

* [Sobre o Projeto](#sobre-o-projeto)

* [Tecnologias](#hammer_and_wrench-tecnologias)

* [Screenshots](#camera_flash-screenshots)

* [Licença](#balance_scale-licença)

* [Contato](#email-contato)

## Sobre o projeto

Projeto desenvolvido durante o Ignite React da __Rocketseat__,


que mostra um Dashboard com gráfico e também um cadastro de usuários.

![](https://img.shields.io/github/languages/count/luiizsilverio/dashgo)

![](https://img.shields.io/github/languages/top/luiizsilverio/dashgo)

### Rotas da aplicação

| Descrição da Rota | Caminho da Rota |

|---|---|

| Login | http://localhost:3000 | 

| Dashboard | http://localhost:3000/dashboard | 

| Usuários | http://localhost:3000/users |

## :hammer_and_wrench: Tecnologias

* React

* NextJs

* Typescript

* Chakra-UI para interface de telas

* ApexCharts para exibir um gráfico no dashboard

* React Hook Form para tratar entradas de formulário

* Yup para validar as entradas

* React Query para armazenar os dados da API em cache

* MirageJs, uma fake API que não necessitar rodar o servidor em terminal

* Faker, uma biblioteca que gera dados aleatórios

## :camera_flash: Screenshots

![](https://github.com/luiizsilverio/dashgo/blob/main/public/dashgo.gif)

## :balance_scale: Licença

Este projeto está licenciado sob a [licença MIT](LICENSE).

## :email: Contato

E-mail: [**luiiz.silverio@gmail.com**](mailto:luiiz.silverio@gmail.com)