Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hugovarellaa/dashgo

Esse projeto foi desenvolvido durante um dos capitulos do Ignite da Rocketseat! A ideia era desenvolver um dashboard usando completamente o Chakra UI, também deixando a aplicação responsiva.
https://github.com/hugovarellaa/dashgo

chakra-ui fakerjs miragejs nextjs react-apexcharts react-hook-form react-icons react-query react-query-devtools reactjs yup

Last synced: 15 days ago
JSON representation

Esse projeto foi desenvolvido durante um dos capitulos do Ignite da Rocketseat! A ideia era desenvolver um dashboard usando completamente o Chakra UI, também deixando a aplicação responsiva.

Host: GitHub
URL: https://github.com/hugovarellaa/dashgo
Owner: Hugovarellaa
Created: 2021-08-23T11:09:29.000Z (about 3 years ago)
Default Branch: main
Last Pushed: 2023-02-08T02:06:32.000Z (almost 2 years ago)
Last Synced: 2023-03-05T09:52:42.093Z (over 1 year ago)
Topics: chakra-ui, fakerjs, miragejs, nextjs, react-apexcharts, react-hook-form, react-icons, react-query, react-query-devtools, reactjs, yup
Language: TypeScript
Homepage:
Size: 716 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Dashgo 💜 | Dashboard feito com Chakra UI

![mock1](https://user-images.githubusercontent.com/71772559/113496123-d0aa6800-94cc-11eb-90dd-800b72502003.png)

## 📚 Informações sobre o projeto

- Esse projeto foi desenvolvido durante um dos capitulos do Ignite da Rocketseat! A ideia era desenvolver um dashboard usando completamente o Chakra UI, também deixando a aplicação responsiva.

## 💻 O que tem no projeto?

- Design completo usando o Charka UI, também com sua versão responsiva
- Verificação de erros nos campos de formulário usando Yup + React Hook Form

![mock2](https://user-images.githubusercontent.com/71772559/113496313-c8532c80-94ce-11eb-9404-1b48d8febbb8.png)

## 🛠️ Tecnologias/Ferramentas ultilizadas

- [React](https://pt-br.reactjs.org/E)
- [Next.js](https://nextjs.org/)
- [Chakra UI](https://chakra-ui.com/)
- [Yup](https://github.com/jquense/yup)
- [React Hook Form](https://react-hook-form.com/)

## ⚙️ Instalação

```
# Abra um terminal e copie este repositório com o comando
$ git clone https://github.com/Hugovarellaa/dashgo
```

```
# Acesse a pasta da aplicação
$ cd dashgo

# Instale as dependências
$ yarn

# Inicie a aplicação
$ yarn dev

```

---

Feito com 💙 por Hugo Alves Varella