{"id":30858560,"url":"https://github.com/cleytonw/sgp-js","last_synced_at":"2026-05-03T22:33:31.699Z","repository":{"id":308261558,"uuid":"1029333083","full_name":"CleytonW/sgp-js","owner":"CleytonW","description":"Front-end de um sistema de gerenciamento de projetos","archived":false,"fork":false,"pushed_at":"2025-08-12T16:42:26.000Z","size":4171,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-07T14:19:32.975Z","etag":null,"topics":["axios-react","bootstrap","date-fns","javascript","react-router-dom","reactjs"],"latest_commit_sha":null,"homepage":"https://sgp-js-cleytonw.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/CleytonW.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2025-07-30T22:12:04.000Z","updated_at":"2025-08-12T16:42:30.000Z","dependencies_parsed_at":null,"dependency_job_id":"69fe7588-79ba-459b-b9a6-4557a981d433","html_url":"https://github.com/CleytonW/sgp-js","commit_stats":null,"previous_names":["cleytonw/sgp-js"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/CleytonW/sgp-js","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CleytonW%2Fsgp-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CleytonW%2Fsgp-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CleytonW%2Fsgp-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CleytonW%2Fsgp-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CleytonW","download_url":"https://codeload.github.com/CleytonW/sgp-js/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CleytonW%2Fsgp-js/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32587819,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T22:12:39.696Z","status":"ssl_error","status_checked_at":"2026-05-03T22:09:10.534Z","response_time":103,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["axios-react","bootstrap","date-fns","javascript","react-router-dom","reactjs"],"created_at":"2025-09-07T14:13:47.344Z","updated_at":"2026-05-03T22:33:31.684Z","avatar_url":"https://github.com/CleytonW.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# SGP-JS (Front-end)\n\nInterface web do **Sistema de Gerenciamento de Projetos (SGP)**, desenvolvida em **React** e integrada a um back-end em **Java/Spring Boot**.  \nO objetivo é entregar uma aplicação moderna, responsiva e escalável, com boas práticas de desenvolvimento e tecnologias amplamente utilizadas no mercado.\n\n\u003e O back-end deste projeto está disponível em: [SGP-API (Java/Spring Boot)](https://github.com/CleytonW/sgp-api)\n\n---\n\n## Visão Geral\n\nEste projeto implementa o front-end de um sistema para gerenciamento de projetos, permitindo visualizar, cadastrar, editar e excluir informações de forma prática.  \nFoi desenvolvido como parte de um estudo de caso completo para consolidar habilidades em **React**, **Bootstrap**, consumo de APIs REST e manipulação de dados no navegador.\n\n---\n\n## Principais Recursos\n\n- Estrutura **SPA (Single Page Application)** com **React Router DOM** para navegação fluida.\n- Consumo de APIs REST com **Axios**, integrando ao back-end em Java/Spring Boot.\n- Layout responsivo com **Bootstrap 5**, garantindo boa experiência em desktop e dispositivos móveis.\n- Manipulação e formatação de datas com **date-fns**.\n- Código estruturado em componentes reutilizáveis.\n- Compatibilidade com navegadores modernos via **Browserslist**.\n\n---\n\n## Tecnologias Utilizadas\n\n**Front-end**\n- React 19\n- React Router DOM 7\n- Bootstrap 5\n- Axios\n- date-fns\n\n**Ferramentas e Configuração**\n- Create React App (React Scripts)\n- ESLint\n- Browserslist\n\n---\n\n## Estrutura do Projeto\n```bash\nsrc/\n├── components/ # Componentes reutilizáveis\n├── pages/ # Páginas principais\n├── services/ # Configuração de integração com API\n├── styles/ # Estilos customizados\n├── App.js # Componente raiz\n└── index.js # Ponto de entrada\n```\n\n\n## Como Executar Localmente\n### Pré-requisitos\n- Node.js 18+  \n- NPM ou Yarn instalados\n\n### Passos\n\n```bash\n# Clone o repositório\ngit clone https://github.com/CleytonW/sgp-js.git\n\n# Acesse a pasta do projeto\ncd sgp-js\n```\n### Instale as dependências\n```bash\nnpm install\n```\n\n### Execute em modo desenvolvimento\n```bash\nnpm start\n```\nAcesse em: http://localhost:3000\n# Build para Produção\n```bash\nnpm run build\n```\nO código final será gerado na pasta build/.\n\n\n# Próximos Passos e Possibilidades de Evolução:\nAdicionar autenticação e autorização com JWT.\n\n* Criar testes automatizados com Jest e React Testing Library.\n\n* Implementar controle de estado global (Redux ou Context API).\n\n* Melhorar acessibilidade (A11Y) e SEO.\n\n* Deploy da aplicação em serviços como Vercel, Netlify ou GitHub Pages.\n\n#  Sobre o Back-end\nEste front-end consome a API desenvolvida no projeto [sgp-api](https://github.com/CleytonW/sgp-api), construída em Java 17 + Spring Boot, com:\n\nBanco de dados relacional (MySQL/PostgreSQL).\n\nEstrutura RESTful.\n\nValidação de dados e tratamento de erros.\n\nIntegração com o front-end via JSON.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcleytonw%2Fsgp-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcleytonw%2Fsgp-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcleytonw%2Fsgp-js/lists"}