{"id":20757354,"url":"https://github.com/carla-coder/espaco_gamer","last_synced_at":"2026-06-04T17:31:12.747Z","repository":{"id":242985225,"uuid":"810579154","full_name":"Carla-coder/Espaco_Gamer","owner":"Carla-coder","description":"Tarefa Fron-end - 100 de 100","archived":false,"fork":false,"pushed_at":"2024-11-30T14:25:22.000Z","size":18025,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-11T16:22:09.102Z","etag":null,"topics":["css","html","javascript"],"latest_commit_sha":null,"homepage":"https://espaco-gamer.vercel.app","language":"HTML","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/Carla-coder.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}},"created_at":"2024-06-05T01:14:31.000Z","updated_at":"2024-11-30T14:25:26.000Z","dependencies_parsed_at":null,"dependency_job_id":"4a3c79c7-6283-461c-b39c-254c748c0a82","html_url":"https://github.com/Carla-coder/Espaco_Gamer","commit_stats":null,"previous_names":["carla-coder/espaco_gamer"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Carla-coder/Espaco_Gamer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Carla-coder%2FEspaco_Gamer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Carla-coder%2FEspaco_Gamer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Carla-coder%2FEspaco_Gamer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Carla-coder%2FEspaco_Gamer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Carla-coder","download_url":"https://codeload.github.com/Carla-coder/Espaco_Gamer/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Carla-coder%2FEspaco_Gamer/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33916319,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-04T02:00:06.755Z","response_time":64,"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":["css","html","javascript"],"created_at":"2024-11-17T09:41:46.944Z","updated_at":"2026-06-04T17:31:12.700Z","avatar_url":"https://github.com/Carla-coder.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Homepage Espaço Gamer\n\n- Bem-vindo ao projeto Espaço Gamer! Esta é uma Homepage dedicada aos entusiastas de jogos, oferecendo alguns jogos interativos e de conhecimento.\n\n## Descrição\n\n- A Homepage Espaço Gamer é um site simples em fase de construção para implementação de jogos educativos, interativos e de conhecimentos em geral. Aqui está uma visão geral das funcionalidades e recursos implementados neste projeto.\n\n## Funcionalidades\n\n- **Navegação**: A barra de navegação superior permite que os usuários acessem facilmente diferentes seções do site, incluindo informações sobre Quem Somos, uma lista de Jogos disponíveis e como nos Contatar.\n\n- **Modal \"Quem Somos\"**: Um modal é aberto fornecendo algumas informações sobre o Espaço Gamer.\n\n- **Logo em Destaque**: Uma logo centralizada e destacada adiciona identidade visual à página inicial.\n\n- **Integração com Redes Sociais**: Ícones de redes sociais conectam os usuários às plataformas de mídia social, permitindo que eles se envolvam e interajam conosco em diversas plataformas.\n\n- **Botão de Áudio**: Um botão de controle de áudio permite que os usuários reproduzam e pausem a música de fundo enquanto navegam pela página, proporcionando uma experiência auditiva agradável.\n\n## Tecnologias utilizadas\n\n- **HTML5**: Utilizado para estruturar o conteúdo da página e definir sua semântica.\n\n- **CSS3**: Responsável pela estilização e aparência visual do site, incluindo layout, cores e animações.\n\n- **JavaScript**: Implementação de interatividade na página, como modais, botão de controle de áudio e funcionalidades de navegação.\n## Créditos\n\n- Agradecemos às seguintes fontes pelas inspirações e recursos utilizados neste projeto:\n\n- **Font Awesome** - Ícones de redes sociais.\n\n- **Free Pik** - Imagens de fundo de alta qualidade.\n\n- **Canva** - Criação da Logo.\n\n- **https://pixabay.com/** - Áudio de música para games grátis para download. **Música utilizada**: Neon Gaming/dopestuff\n\n## Como rodar o projeto\n\n- Clone este repositório para a sua máquina local.\n\n```\ngit clone https://github.com/seu-usuario/Espaco_Gamer.git`\n```\n\n- Abra o VSCode.\n\n- Abra o arquivo 'inicial.html' com o Live Server.\n\n- Se preferir é só clicar no Deploy, o link está disponível para acesso rápido ao navegador.\n\n```\nespaco-gamer.vercel.app\n```\n## Aprendizados\n\n### Construir o projeto Espaço Gamer foi uma experiência valiosa que me permitiu aprender várias coisas interessantes. Aqui estão algumas lições que aprendi durante o processo de desenvolvimento:\n\n- **Gerenciamento de Layout**: Aprendi a criar layouts estilizados usando HTML e CSS. Isso incluiu interação de elementos na página e a implementação de estilos visuais.\n\n- **Interatividade com JavaScript**: Implementei funcionalidades interativas usando JavaScript, como modais, botões de controle de áudio e navegação. Isso permitiu criar uma experiência de usuário mais interativa.\n\n- **Manipulação de Mídia**: Aprendi a incorporar e controlar elementos de mídia, como áudio, para fornecer uma experiência multimídia aos usuários. Isso incluiu a seleção adequada de formatos de arquivo e a implementação de controles de reprodução.\n\n- **Estilização Avançada com CSS**: Explorei técnicas avançadas de estilização CSS, como animações, degradês e efeitos visuais, para criar uma aparência atraente para o site.\n\n## Desafios que enfrentei:\n\n- **Gerenciamento de Código**: Manter o código organizado e legível foi importante para facilitar o desenvolvimento contínuo e a colaboração. Adotei boas práticas de codificação e usei ferramentas de controle de versão para gerenciar o código de forma eficaz.\n\n- **Estilização Criativa**: Desenvolver uma estética visual  atraente para o site foi um desafio criativo. Experimentei diferentes estilos de cores e elementos visuais até encontrar uma aparência que refletisse a identidade e os objetivos do projeto.\n\n- O desafio maior agora é tornar o site responsivo, que se adapte a diferentes tamanhos de telas e dispositivos.\n\n-  Além disso, pratiquei persistência e paciência ao resolver problemas técnicos e experimentar novas abordagens de design e desenvolvimento.\n\n## Print das Telas\n\n- Página Inicial\n\n![tela inicial](https://github.com/Carla-coder/Espaco_Gamer/assets/128012862/168e3f1a-31af-4ea1-9c24-07a99f796d8c)\n\n- Modal \"Quem Somos\"\n\n![tela modal](https://github.com/Carla-coder/Espaco_Gamer/assets/128012862/0d7b3b1e-57e8-4689-945e-9048017a8fcc)\n\n- Página de Jogos\n\n![tela jogos](https://github.com/Carla-coder/Espaco_Gamer/assets/128012862/4682a2c7-e836-4b1e-bc82-41d7d0c72e83)\n\n- Página de Contato\n\n![tela contato](https://github.com/Carla-coder/Espaco_Gamer/assets/128012862/a5e12cb3-6697-4ce5-86ff-dc35f1409296)\n\n## Autores\n\n- [@Carla-coder](https://www.github.com/Carla-coder)\n\n\n## Instituição de Ensino\n\n- Escola Senai unidade Jaguariúna - Curso Técnico em Desenvolvimento de Sistemas FullStack - Segundo Semestre (2024)\n\n- Professor responsável pelo Projeto: Robson B. Souza https://github.com/robsonbsouzaa\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcarla-coder%2Fespaco_gamer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcarla-coder%2Fespaco_gamer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcarla-coder%2Fespaco_gamer/lists"}