{"id":27919496,"url":"https://github.com/jscodedevlopment/dashboard-inventory","last_synced_at":"2025-10-07T13:57:07.907Z","repository":{"id":250072277,"uuid":"832838215","full_name":"JsCodeDevlopment/Dashboard-Inventory","owner":"JsCodeDevlopment","description":null,"archived":false,"fork":false,"pushed_at":"2025-03-21T00:26:18.000Z","size":688,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-06T19:49:47.240Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://dashboard-inventory-three.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/JsCodeDevlopment.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-07-23T20:25:05.000Z","updated_at":"2025-03-21T00:26:23.000Z","dependencies_parsed_at":"2024-11-10T14:21:02.073Z","dependency_job_id":"7b50ffde-e91a-4171-9deb-a273dfa857d3","html_url":"https://github.com/JsCodeDevlopment/Dashboard-Inventory","commit_stats":null,"previous_names":["jscodedevlopment/devlearning-dashboard"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/JsCodeDevlopment/Dashboard-Inventory","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JsCodeDevlopment%2FDashboard-Inventory","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JsCodeDevlopment%2FDashboard-Inventory/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JsCodeDevlopment%2FDashboard-Inventory/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JsCodeDevlopment%2FDashboard-Inventory/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JsCodeDevlopment","download_url":"https://codeload.github.com/JsCodeDevlopment/Dashboard-Inventory/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JsCodeDevlopment%2FDashboard-Inventory/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278786670,"owners_count":26045588,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-07T02:00:06.786Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-05-06T19:31:18.267Z","updated_at":"2025-10-07T13:57:07.879Z","avatar_url":"https://github.com/JsCodeDevlopment.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# AppTrack\n\n\u003cp align='center'\u003e\n  \u003cimg src='https://github.com/elielgomes/app-pontotrack/assets/108281436/9c94463b-f7ef-45dc-a08b-b6be13260d7a'/\u003e\n\u003c/p\u003e\n\n## 📌 Introdução\n\nBem-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.\n\n## ⚙️ Instalação e Configuração\n\n### 📋 Pré-requisitos\n\n- [Node.js](https://nodejs.org/) versão 18 ou superior.\n\n### 🔧 Passos para Configuração\n\n1. **Clone o Repositório:**\n\n```bash\ngit clone https://github.com/elielgomes/app-pontotrack.git\ncd app-pontotrack\n```\n\n2. **Instale as Dependências:**\n\n```bash\nnpm install\n```\n\n3. **Configuração das Variáveis de Ambiente:**\n\nCrie um arquivo `.env` na raiz do projeto com o seguinte conteúdo:\n\n```env\nNEXT_PUBLIC_API_URL=http://localhost:3001\nNEXT_PUBLIC_APP_URL=http://localhost:3000\n```\n\n4. **Inicie a Aplicação:**\n\n```bash\nnpm run dev\n```\n\n### 🛠 Conectando ao Backend\n\nPara que o **AppTrack** funcione corretamente, é necessário clonar e configurar o backend (API). Siga os passos abaixo:\n\n1. **Clone o Repositório da API:**\n\n```bash\ngit clone https://github.com/elielgomes/api-pontotrack.git\ncd api-pontotrack\n```\n\n2. **Siga as Instruções de Configuração da API:**\n\nAs instruções para configurar e iniciar a API estão detalhadas no [README da API](https://github.com/elielgomes/api-pontotrack).\n\n3. **Inicie a API:**\n\nApós seguir as instruções no README da API, inicie a API para que o front-end possa se comunicar com ela.\n\n## ✏️ Descrição do Projeto\n\nO **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.\n\n## 🛠️ Funcionalidades\n\n- Autenticação de usuário.\n- Registro e login de usuários.\n- Atualização de informações do usuário.\n- Alteração de senha.\n- Seleção de tema para a aplicação.\n\n## 🌐 Uso de Dados Estáticos\n\n### 📊 Páginas de Dashboard e Veículos\nPara 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.\n\n- Dashboard: Exibe informações resumidas e estatísticas mockadas sobre o sistema de rastreamento.\n- Veículos: Mostra uma lista de veículos com detalhes fictícios, permitindo ao usuário visualizar como as informações reais seriam apresentadas.\nEsses 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.\n\n## 🔗 Acesso ao Projeto\n\nVocê pode acessar o projeto clicando [aqui](https://apptrack-coral.vercel.app/) ou pelo link: https://apptrack-coral.vercel.app/\n\n## 👨🏻‍💻 Tecnologias Utilizadas\n![React.js](https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB)\u0026nbsp;\n![Tailwindcss](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white)\u0026nbsp;\n![Next.js](https://img.shields.io/badge/next%20js-000000?style=for-the-badge\u0026logo=nextdotjs\u0026logoColor=white)\u0026nbsp;\n![Tanstack Query](https://img.shields.io/badge/-Tanstack%20Query-FF4154?style=for-the-badge\u0026logo=react%20query\u0026logoColor=white)\n![Shadcn](https://img.shields.io/badge/shadcn%2Fui-000000?style=for-the-badge\u0026logo=shadcnui\u0026logoColor=white)\n![Axios](https://img.shields.io/badge/axios-671ddf?\u0026style=for-the-badge\u0026logo=axios\u0026logoColor=white)\n![Typescript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge\u0026logo=typescript\u0026logoColor=white)\u0026nbsp;\n![Git](https://img.shields.io/badge/GIT-E44C30?style=for-the-badge\u0026logo=git\u0026logoColor=white)\u0026nbsp;\n![Github](https://img.shields.io/badge/GitHub-100000?style=for-the-badge\u0026logo=github\u0026logoColor=white)\u0026nbsp;\n![Vercel](https://img.shields.io/badge/vercel-%23000000.svg?style=for-the-badge\u0026logo=vercel\u0026logoColor=white)\n\n- **[React](https://reactjs.org/)**: Biblioteca JavaScript para criação de interfaces de usuário interativas.\n- **[Tailwind CSS](https://tailwindcss.com/)**: Framework CSS para estilização eficiente.\n- **[Next.js](https://nextjs.org/)**: Framework React para renderização do lado do servidor.\n- **[Tanstack Query](https://tanstack.com/query)**: Biblioteca para gerenciamento de estado e busca de dados no cliente.\n- **[Shadcn UI](https://shadcn.dev/)**: Componentes UI para React.\n- **[Axios](https://axios-http.com/)**: Cliente HTTP para realizar requisições.\n- **[TypeScript](https://www.typescriptlang.org/)**: Superset do JavaScript que adiciona tipagem estática opcional.\n- **[Git/GitHub](https://github.com/)**: Controle de versão distribuído e plataforma de hospedagem de código-fonte.\n\n## 📄 Licença\n\nEste projeto está sob a licença MIT. Para mais detalhes, consulte o arquivo [LICENSE](https://github.com/elielgomes/app-pontotrack/blob/main/LICENSE.md).\n\n## ✒️ Autor\n\nFeito por [Eliel Gomes](https://github.com/elielgomes).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjscodedevlopment%2Fdashboard-inventory","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjscodedevlopment%2Fdashboard-inventory","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjscodedevlopment%2Fdashboard-inventory/lists"}