Aplicação em NextJS/TypeScript - Dashboar de usuários 🚀
Sobre | Tecnologias | Estrurura | Requerimentos | Começando
Aplicação em NextJS/TypeScript de um dashboard de usuários onde é possível cadastrá-los, visualizá-los e ver gráficos.
As seguintes tecnologias foram utilizadas no projeto:
.
├── next.config.js
├── next-env.d.ts
├── package.json
├── src
│ ├── components
│ │ ├── ActiveLink.tsx
│ │ ├── Form
│ │ │ └── Input.tsx
│ │ ├── Header
│ │ │ ├── header.tsx
│ │ │ ├── Logo.tsx
│ │ │ ├── NotificationsNav.tsx
│ │ │ ├── Profile.tsx
│ │ │ └── SearchBox.tsx
│ │ ├── Pagination
│ │ │ ├── index.tsx
│ │ │ └── PaginationItem.tsx
│ │ └── Sidebar
│ │ ├── index.tsx
│ │ ├── NavLink.tsx
│ │ ├── NavSection.tsx
│ │ └── SidebarNav.tsx
│ ├── contexts
│ │ └── SidebarDrawerContext.tsx
│ ├── pages
│ │ ├── _app.tsx
│ │ ├── dashboard.tsx
│ │ ├── _document.tsx
│ │ ├── index.tsx
│ │ └── users
│ │ ├── create.tsx
│ │ └── index.tsx
│ ├── services
│ │ ├── api.ts
│ │ ├── hooks
│ │ │ └── useUsers.ts
│ │ ├── mirage
│ │ │ └── index.ts
│ │ └── queryClient.ts
│ └── styles
│ └── theme.ts
├── tsconfig.json
└── yarn.lock
# Clone this project
$ git clone https://github.com/alvarobraz/chakra
# Access
$ cd chakra
# Install dependencies
$ yarn install
# Run the project
$ yarn dev
# The server will initialize in the <http://localhost:3000>
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent