{"id":18468831,"url":"https://github.com/felipebrenner/ignite-reactjs-dashgo","last_synced_at":"2026-05-07T03:36:59.977Z","repository":{"id":112666464,"uuid":"382970000","full_name":"FelipeBrenner/ignite-reactjs-dashgo","owner":"FelipeBrenner","description":"Projeto de painel administrativo utilizando Chakra UI desenvolvido com o conteúdo estudado nas aulas do Chapter IV da trilha de ReactJS do Bootcamp Ignite da Rocketseat","archived":false,"fork":false,"pushed_at":"2021-07-27T02:08:11.000Z","size":4758,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-05-07T19:52:55.022Z","etag":null,"topics":["chakra-ui","ignite","miragejs","nextjs","react-hook-form","react-query","reactjs","rocketseat","typescript","yup"],"latest_commit_sha":null,"homepage":"https://dashgo-felipebrenner.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/FelipeBrenner.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-07-04T23:50:45.000Z","updated_at":"2024-06-27T13:17:59.000Z","dependencies_parsed_at":"2023-06-10T17:45:41.129Z","dependency_job_id":null,"html_url":"https://github.com/FelipeBrenner/ignite-reactjs-dashgo","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/FelipeBrenner/ignite-reactjs-dashgo","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FelipeBrenner%2Fignite-reactjs-dashgo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FelipeBrenner%2Fignite-reactjs-dashgo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FelipeBrenner%2Fignite-reactjs-dashgo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FelipeBrenner%2Fignite-reactjs-dashgo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FelipeBrenner","download_url":"https://codeload.github.com/FelipeBrenner/ignite-reactjs-dashgo/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FelipeBrenner%2Fignite-reactjs-dashgo/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261434132,"owners_count":23157204,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chakra-ui","ignite","miragejs","nextjs","react-hook-form","react-query","reactjs","rocketseat","typescript","yup"],"created_at":"2024-11-06T10:08:17.496Z","updated_at":"2026-05-07T03:36:59.925Z","avatar_url":"https://github.com/FelipeBrenner.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg alt=\"ignite-reactjs\" title=\"ignite-reactjs\" src=\".github/cover-reactjs.png\"\u003e\n\n## 🚀 Tecnologias e Bibliotecas\n\nProjeto desenvolvido com as seguintes tecnologias:\n\n- ReactJS\n- TypeScript\n- NextJS\n- Chakra UI (biblioteca de componentes React que aumenta a produtividade ao desenvolver interfaces, fornecendo um conjunto de componentes simples, modular e acessíveis)\n- React Hook Form (biblioteca que oferece suporte para validação nativa de formulários)\n- Yup (biblioteca para fazer validação de objetos ou schemas em conjunto com o React Hook Form)\n- React Query (biblioteca para manipular os dados com fetch, cache e update, sem alterar estado e acessar o back end)\n- Mirage JS (biblioteca de simulação de API que permite construir, testar e compartilhar um aplicativo JavaScript funcional completo antes de ser desenvolvido o back-end)\n\n## 💻 Projeto\n\nO dashgo é um painel administrativo contendo dashboard, listagem e cadastro de usuário usando Chakra UI no Next.js. Foi desenvolvido durante as aulas do Chapter IV da trilha de ReactJS do Bootcamp Ignite da Rocketseat.\n\n\u003cimg alt=\"preview\" title=\"preview\" src=\".github/preview.gif\"\u003e\n\n## 📖 Anotações\n\n- Tipagem\n  - ReactNode: quando o children pode ser qualquer coisa, texto, número, componente, etc.\n  - ReactElement: quando o children deve ser um componente.\n  - ElementType: quanto a propriedade é um componente no formato sem \u003c\u003e.\n\n## ⚙ Clone e execução\n\n```bash\n# Abra um terminal e clone este repositório com o comando\n\n$ git clone https://github.com/FelipeBrenner/ignite-reactjs-dashgo.git\n\n# Acesse a pasta da aplicação\n\n$ cd ignite-reactjs-dashgo\n\n# Instale as dependências\n\n$ yarn\n\n# Inicie a aplicação\n\n$ yarn dev\n```\n\n- Não foi desenvolvido neste projeto um fluxo de autenticação, um back end para a realização do login, portanto as rotas de acesso às páginas desenvolvidas são:\n\n  - Login: \"/\"\n  - Usuários: \"/users\"\n  - Dashboard: \"/dashboard\"\n\n- Só é possível a visualização dos usuários por ambiente de desenvolvimento, e não no [deploy](https://dashgo-felipebrenner.vercel.app/), devido ao uso do Mirage JS e faker.js.\n\n---\n\nPor Felipe Brenner\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffelipebrenner%2Fignite-reactjs-dashgo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffelipebrenner%2Fignite-reactjs-dashgo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffelipebrenner%2Fignite-reactjs-dashgo/lists"}