DevControle

O DevControle é umaaplicação de nível profissional para cadastro de clientes, abertura e acompanhamento de chamados para processos internos e externos. Desenvolvido com Next, Tailwind, e TypeScript, o site utiliza API padrão RESTFUL, via Next Routes, Prisma e MongoDB Atlas para gerenciamento de dados.

Sumário

1. Visão Geral do Projeto
   • Login com conta do Google
   • Cadastro e gerenciamento de clientes
   • Registro e gerenciamento de chamados
   • Abertura de chamados feito pelo cliente
2. Tecnologias Utilizadas
3. Estrutura do Projeto
4. Screenshots
   • Iphone 14 pro max
   • Ipad pro
   • Mobile
   • Desk
5. Requisitos para Rodar o Projeto Localmente
6. Rodar o Projeto Localmente
7. Autores
8. Licença

Visão Geral do Projeto (Funcionalidades Principais)

1. Login com a API do Google:

• O login e todo processo de autenticação é feito via autenticação da API do Google.

2. Cadastro e gerenciamento de clientes:

O cadastro e gerenciamento de seus clientes possuem tais dados e funcionalidades:

• Nome
• Telefone
• Email
• Endereço
• Exclusão do cadastro

3. Cadastro e gerenciamento de chamados:

O cadastro de chamados, que dependem de possuir um cliente, e gerenciamento possuem tais dados e funcionalidade:

• Nome
• Descrição do problema
• Cliente selecionado
• Detalhes do chamado
• Conclusão do chamado

4. Cadastro de chamados feito pelo cliente:

O cadastro de chamados feito pelo cliente, que não necessita estar autenticado para isso, possuem tais dados e funcionalidade:

• Nome do chamado
• Cliente selecionado
• Detalhes do chamado
• Pesquisa do cliente via email

Tecnologias Utilizadas (Linguagens e ferramentas)

Next.JS

Tailwind CSS

TypeScript

MongoDB

Prisma

Git

Github

Estrutura do Projeto

O projeto é organizado em vários arquivos para melhor organização do código e separação de interesses:

• public/: A pasta serve como o local para armazenar arquivos estáticos que não passam pelo processo de build do React e podem ser acessados diretamente no navegador.
• src/: Onde encontra-se o processo de desenvolvimento de todo o código-fonte do sistema.
• app/: A pasta contém todo o sistema de rotas e páginas do projeto.
• components/: A pasta contém todos os componentes utilizados na aplicação.
• lib/: A pasta contém toda a estrutura de configurações para as "libs" utilizadas.
• utils/: A pasta contém toda lógica que é compartilhada e utiliza em todo código.
• providers/: Onde encontra-se os providers utilizados na aplicação.

Screenshots

Iphone 14 pro max

Ipad pro

Mobile

Desktop

Requisitos para Rodar o Projeto Localmente

Node.js e npm:

• Verifique se você tem o Node.js instalado. Caso contrário, faça o download e instale a versão mais recente do Node.js.
• O npm (Node Package Manager) é instalado automaticamente com o Node.js.

Git:

• Certifique-se de ter o Git instalado em sua máquina. Se não tiver, você pode baixá-lo aqui.

Editor de Texto ou IDE:

• Escolha um editor de texto ou uma IDE (Ambiente de Desenvolvimento Integrado) para trabalhar no código. Alguns exemplos populares incluem o Visual Studio Code, Sublime Text e Atom.

Navegador Web:

• Você precisará de um navegador web para visualizar o aplicativo localmente. Recomendamos o uso do Google Chrome, Mozilla Firefox ou Microsoft Edge.

Configuração do Prisma e MongoDB:

• Necessita realizar toda a configuração do Prisma e MongoDB.

Rodar o Projeto Localmente

Clone o projeto

  git clone https://github.com/MarcioJorgeMelo/DevControle.git

Vá para a pasta do projeto

  cd devcontrole

Abra o projeto no VSCode

  code .

Instale as dependências

  npm install # Instala as dependências (se ainda não tiver feito)

Abra com o React Server

  npm run dev # Inicia o servidor NextJS

Autores

• @MarcioJorgeMelo

Licença

• MIT