Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/kenmarcos/customers-cvlb_front


https://github.com/kenmarcos/customers-cvlb_front

nextjs react react-hook-form react-query shadcn-ui tailwindcss types zod

Last synced: about 1 month ago
JSON representation

Awesome Lists containing this project

README

        



Imagem do logo do grupo CVLB



Sobre o Projeto
Funcionalidades
Layout
Tecnologias
Autor


## 🖥️ Sobre o Projeto










badge-usage


> Projeto desenvolvido como etapa do processo seletivo do Grupo CVLB.

Trata-se de uma aplicação funcional para gerenciar a base de clientes de uma loja fictícia.

Os objetivos a serem alcançados com a realização do projeto eram:

- Verificar as habilidades de resolução de problema;
- Compreender o raciocínio para se chegar em uma solução;
- Explorar e transmitir todo o conhecimento necessário.

## 💡 Funcionalidades

- [x] Tela Home
- [x] Login de funcionário
- [x] Tela "Dashboard"
- [x] Menu para opções de funcionalidades do sistema
- [x] Tela de Cadastro de Cliente
- [x] Formulário para cadastro de novo cliente
- [x] Tela de Listagem de Clientes
- [x] Lista de todos os clientes
- [x] Excluir cliente
- [x] Paginação
- [ ] Pesquisa de clientes
- [x] Tela de Detalhes do Cliente
- [x] Exibição dos Dados Pessoais do cliente
- [x] Atualização de Dados Pessoais do cliente
- [x] Exibição de todo os Endereços do cliente
- [x] Cadastro de novo Endereço para o cliente

### Login para testar a aplicação

| Campo | Valor |
| ------ | -------------- |
| E-mail | [email protected] |
| Senha | teste123 |

## 🎨 Layout






## 🛠️ Tecnologias

Para o desenvolvimento desse projeto, as seguintes ferramentas foram utilizadas:

- **[React.js](https://pt-br.reactjs.org/)**
- **[Next.js](https://nextjs.org/)**
- **[TypeScript](https://www.typescriptlang.org/)**
- **[Tailwind](https://tailwindcss.com/)**
- **[Shadcn UI](https://ui.shadcn.com/)**
- **[React Query](https://tanstack.com/query/v3/)**
- **[Axios](https://axios-http.com/)**
- **[React Hook Form](https://react-hook-form.com/)**
- **[Zod](https://zod.dev/)**

## 👨‍💻 Autor

author-profile-picture

Marcos Kenji Kuribayashi

[![Linkedin Badge](https://img.shields.io/badge/-LinkedIn-blue?style=flat&logo=Linkedin&logoColor=white)](https://www.linkedin.com/in/marcos-kuribayashi/) [![Gmail Badge](https://img.shields.io/badge/[email protected]?style=flat&logo=Gmail&logoColor=white)](mailto:[email protected])

---

Desenvolvido por Marcos Kenji Kuribayashi 😉