ConnectUS é uma plataforma de CRM moderna e intuitiva, desenvolvida para facilitar o gerenciamento de contatos, oportunidades de vendas e crescimento de negócios. Construída com React, TypeScript e Vite, a interface utiliza Tailwind CSS e bibliotecas de UI modernas para uma experiência fluida e responsiva.
O sistema permite cadastrar e visualizar clientes (CPF e CNPJ), acompanhar oportunidades de negócio em tempo real por meio de um pipeline visual e acessar métricas no dashboard interativo.
- Gestão de Clientes: Suporte para pessoas físicas (CPF) e jurídicas (CNPJ).
- Pipeline de Vendas: Visualização em tempo real de oportunidades.
- Dashboard Interativo: Métricas de clientes e vendas.
- Design Responsivo: Adaptação automática para dispositivos móveis.
- Notificações: Alertas com
react-toastify.
- Framework: React
- Build Tool: Vite
- Linguagem: TypeScript
- Estilização:
- Tailwind CSS
- Componentes de UI:
@radix-ui/react-*,lucide-react,@phosphor-icons/react
- Gerenciamento de Estado: React Context API
- Validação de Formulários: react-hook-form + zod
- Roteamento: react-router-dom
- Requisições HTTP: axios
- Tabelas: @tanstack/react-table
A aplicação front-end consome uma API RESTful desenvolvida em Java com Spring Boot, responsável por toda a lógica de negócio e persistência dos dados. A comunicação é feita através de requisições HTTP, seguindo os padrões de mercado.
Para mais detalhes sobre a API, acesse o repositório: Repositório da API ConnectUs
-
Clone o repositório:
git clone https://github.com/Grupo-02-Turma-Java-82/ConnectUs_CRM_Page.git
-
Acesse o diretório do projeto:
cd ConnectUs_CRM_Page -
Instale as dependências:
npm install
-
Crie o arquivo
.env:VITE_API_URL=http://localhost:8080
npm run devAcesse http://localhost:5173 no navegador.
Este projeto foi desenvolvido por:
| Nome | GitHub | Função |
|---|---|---|
| Bruno Godoy | Brunogodoy2911 | Dev/Master |
| Felipe Peronica | feperonica | Dev |
| Jovani de Souza | JovaniOUnico | Dev |
| Lívia D’Alexandri | liviadalexandri | Dev |
| Luiza Gonçalves | luizaeg | Dev |
| Maria Helena | squarcinihelena | Dev |
| Rafaela Giometti | rafagiometti | Dev |
npm run dev– Inicia o servidor de desenvolvimentonpm run build– Compila o projeto para produçãonpm run preview– Visualiza a build de produção localmente