{"id":49573724,"url":"https://github.com/pitercoding/integracao-backend-frontend","last_synced_at":"2026-05-03T15:39:37.817Z","repository":{"id":316384442,"uuid":"1063133440","full_name":"pitercoding/integracao-backend-frontend","owner":"pitercoding","description":"Projeto básico e prático de integração back-end (Java) com front-end de interface (HTML5, CSS3 e Javascript). ENG: Basic and practical back-end integration project (Java) with a front-end interface (HTML5, CSS3, and Javascript).","archived":false,"fork":false,"pushed_at":"2025-09-24T22:41:25.000Z","size":131,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-05-03T15:39:14.058Z","etag":null,"topics":["backend","css3","docker","frontend","full-stack","html5","integration","java","javascript","render","spring-boot","vercel"],"latest_commit_sha":null,"homepage":"https://integracao-backend-frontend.vercel.app","language":"CSS","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/pitercoding.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-24T08:00:20.000Z","updated_at":"2025-09-24T22:45:35.000Z","dependencies_parsed_at":"2025-09-25T23:03:20.408Z","dependency_job_id":null,"html_url":"https://github.com/pitercoding/integracao-backend-frontend","commit_stats":null,"previous_names":["pitercoding/integracao-backend-frontend"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/pitercoding/integracao-backend-frontend","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pitercoding%2Fintegracao-backend-frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pitercoding%2Fintegracao-backend-frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pitercoding%2Fintegracao-backend-frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pitercoding%2Fintegracao-backend-frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pitercoding","download_url":"https://codeload.github.com/pitercoding/integracao-backend-frontend/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pitercoding%2Fintegracao-backend-frontend/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32575114,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T06:36:36.687Z","status":"ssl_error","status_checked_at":"2026-05-03T06:36:09.306Z","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":["backend","css3","docker","frontend","full-stack","html5","integration","java","javascript","render","spring-boot","vercel"],"created_at":"2026-05-03T15:39:34.960Z","updated_at":"2026-05-03T15:39:37.806Z","avatar_url":"https://github.com/pitercoding.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🌐 Integração Front-End e Back-End\n\n[🔗 Projeto Live](https://integracao-backend-frontend.vercel.app/)\n\n## 📝 Overview\n\nEste projeto consiste em uma aplicação simples de integração entre **Frontend** (HTML5, CSS3 e JavaScript) e **Backend** (Java com Spring Boot). O frontend envia e recebe dados do backend por meio de endpoints **GET** e **POST**, exibindo respostas diretamente na interface de usuário de forma responsiva e moderna.  \n\nA aplicação conta ainda com uma **hero image**, efeitos de opacidade, botões estilizados, responsividade para dispositivos móveis e um **footer com ícones sociais**. O backend está hospedado no **Render**, enquanto o frontend está no **Vercel**, permitindo uma arquitetura distribuída moderna.\n\n## 🤔 Por que este projeto?\n\nO objetivo principal foi ter contato prático com tecnologias novas para mim, como **Docker, Spring Boot e Render** e integração completa entre front e back-end.  \n\nAlém disso, o projeto permitiu aprender sobre:\n\n- 🏗 Estrutura de projetos Java com Spring Boot  \n- 🔄 Configuração de endpoints RESTful (GET/POST)  \n- 🎨 Boas práticas de CSS moderno e responsivo  \n- ☁️ Deploy de aplicações front-end e back-end separadas  \n- 🐳 Uso de **Docker** para containerização  \n\nTrata-se de um projeto simples, mas que exigiu dedicação para entender como cada tecnologia se comunica, como manter a aplicação modular, e como preparar para deploy real.\n\n## 📂 Organização do Projeto\n```\nroot/\n├─ frontend/\n│ ├─ css/style.css\n│ ├─ img/\n│ │ ├─ icons/\n│ │ ├─ favicon.ico\n│ │ └─ arte.jpg\n│ ├─ js/app.js\n│ └─ index.html\n├─ src/\n│ └─ main/\n│ ├─ java/\n│ │ ├─ controller/APIController.java\n│ │ ├─ IntegracaoApplication.java\n│ │ └─ ServletInitializer.java\n│ └─ resources/\n│ ├─ static/\n│ ├─ templates/\n│ └─ application.properties\n├─ Dockerfile\n├─ pom.xml\n├─ mvnw / mvnw.cmd\n├─ help.md\n├─ license\n└─ reademe.md\n```\n\n## 🛠 Tecnologias Utilizadas\n\n- **Frontend:** HTML5, CSS3, JavaScript (ES6+)  \n- **Backend:** Java 21, Spring Boot  \n- **Containerização:** Docker  \n- **Deploy Frontend:** Vercel  \n- **Deploy Backend:** Render  \n- **Controle de Versão:** Git / GitHub  \n\n## ⚙️ Como Rodar\n\nSe alguém quiser testar o projeto localmente, siga os passos:\n\n### 🖥 Backend\n\n```bash\n# Entrar na pasta do projeto\ncd src/main/java\n\n# Build com Maven\nmvn clean package\n\n# Rodar a aplicação Spring Boot\njava -jar target/integracao-0.0.1-SNAPSHOT.jar\n```\n\n### 🌐 Frontend\n\n- Abrir `frontend/index.html` diretamente no navegador ou rodar via Vercel.\n\n### 🐳 Com Docker\n\n```bash\n# Build do container\ndocker build -t integracao-app .\n\n# Rodar o container\ndocker run -p 8080:8080 integracao-app\n```\n- O backend estará disponível em `http://localhost:8080` e o frontend em `index.html` localmente ou via Vercel.\n\n## 👨‍💻 Sobre Mim\n* 🎓 Estudante de Ciência da Computação | 5º Semestre\n* 💻 Aspirante a Full Stack Developer\n* 🌍 Morando na Alemanha, vindo do Rio de Janeiro (Brasil)\n\n## 📫 Conecte-se Comigo\n\n- 🌐 [Portfolio](https://my-portfolio-flame-mu-xxis8wes4p.vercel.app/)  \n- 🔗 [LinkedIn](https://www.linkedin.com/in/piter-gomes-4a39281a1/)  \n- ✉️ [Email](mailto:piterg.bio@gmail.com)  \n- 🐙 [GitHub](https://github.com/pitercoding)  \n\n## 📚 Aprendizados\n\n- ⚙️ Como criar uma **API RESTful** com Spring Boot  \n- 🎨 Boas práticas de **frontend moderno e responsivo**  \n- 🔄 Integração real entre **frontend e backend separados**  \n- 🌍 Configuração de **CORS** e comunicação entre domínios diferentes  \n- ☁️ Deploy em **Render** e **Vercel**, incluindo gerenciamento de variáveis de ambiente  \n- 🐳 Uso de **Docker** para build e deploy consistentes  \n\n## 🚀 Deploy\n\n- 🔹 **Backend:** [Render](https://render.com/)  \n- 🔹 **Frontend:** [Vercel](https://vercel.com/)\n\n## 🤝 Contribuições\n\nEste projeto é inicial e pessoal. Contribuições são bem-vindas via **pull request**. Para bugs ou melhorias, abra **issues** no repositório GitHub.\n\n## 📝 Licença\n\nEste projeto está licenciado sob a **MIT License** – veja o arquivo [LICENSE](./license) para detalhes.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpitercoding%2Fintegracao-backend-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpitercoding%2Fintegracao-backend-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpitercoding%2Fintegracao-backend-frontend/lists"}