Bem-vindo ao AppTrack! Este projeto é uma aplicação web front-end desenvolvida para simular um serviço de rastreamento de veículos. A aplicação oferece uma interface responsiva e funcionalidades robustas para proporcionar uma experiência de usuário imersiva e eficiente.
- Node.js versão 18 ou superior.
- Clone o Repositório:
git clone https://github.com/elielgomes/app-pontotrack.git
cd app-pontotrack- Instale as Dependências:
npm install- Configuração das Variáveis de Ambiente:
Crie um arquivo .env na raiz do projeto com o seguinte conteúdo:
NEXT_PUBLIC_API_URL=http://localhost:3001
NEXT_PUBLIC_APP_URL=http://localhost:3000- Inicie a Aplicação:
npm run devPara que o AppTrack funcione corretamente, é necessário clonar e configurar o backend (API). Siga os passos abaixo:
- Clone o Repositório da API:
git clone https://github.com/elielgomes/api-pontotrack.git
cd api-pontotrack- Siga as Instruções de Configuração da API:
As instruções para configurar e iniciar a API estão detalhadas no README da API.
- Inicie a API:
Após seguir as instruções no README da API, inicie a API para que o front-end possa se comunicar com ela.
O AppTrack é uma aplicação web que oferece funcionalidades de CRUD (Create, Read, Update, Delete) de usuários. A arquitetura da aplicação segue padrões como MVVM e Compositions, além de princípios SOLID, garantindo uma estrutura sólida e escalável.
- Autenticação de usuário.
- Registro e login de usuários.
- Atualização de informações do usuário.
- Alteração de senha.
- Seleção de tema para a aplicação.
Para melhorar a experiência do usuário e facilitar a visualização do layout, as páginas de dashboard e veículos utilizam dados estáticos mockados. Esses dados são utilizados apenas para fins de demonstração e não refletem informações reais de rastreamento de veículos.
- Dashboard: Exibe informações resumidas e estatísticas mockadas sobre o sistema de rastreamento.
- Veículos: Mostra uma lista de veículos com detalhes fictícios, permitindo ao usuário visualizar como as informações reais seriam apresentadas. Esses dados estáticos ajudam a criar uma experiência mais fluida e visualmente agradável, além de permitir a verificação do design e funcionalidade sem a necessidade de integração com dados reais.
Você pode acessar o projeto clicando aqui ou pelo link: https://apptrack-coral.vercel.app/
- React: Biblioteca JavaScript para criação de interfaces de usuário interativas.
- Tailwind CSS: Framework CSS para estilização eficiente.
- Next.js: Framework React para renderização do lado do servidor.
- Tanstack Query: Biblioteca para gerenciamento de estado e busca de dados no cliente.
- Shadcn UI: Componentes UI para React.
- Axios: Cliente HTTP para realizar requisições.
- TypeScript: Superset do JavaScript que adiciona tipagem estática opcional.
- Git/GitHub: Controle de versão distribuído e plataforma de hospedagem de código-fonte.
Este projeto está sob a licença MIT. Para mais detalhes, consulte o arquivo LICENSE.
Feito por Eliel Gomes.