{"id":18301814,"url":"https://github.com/guicamargo19/game_of_thrones_page","last_synced_at":"2026-04-11T05:35:34.476Z","repository":{"id":213582203,"uuid":"734448614","full_name":"guicamargo19/game_of_thrones_page","owner":"guicamargo19","description":"Projeto de front-end com classes Bootstrap, SASS e Gulp.","archived":false,"fork":false,"pushed_at":"2024-04-27T16:11:33.000Z","size":17845,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-09T09:49:40.291Z","etag":null,"topics":["bem-methodology","bootstrap","css3","gulp","html5","npm","sass","vscode"],"latest_commit_sha":null,"homepage":"https://game-of-thrones-site.vercel.app","language":"HTML","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/guicamargo19.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}},"created_at":"2023-12-21T17:52:02.000Z","updated_at":"2024-04-27T16:11:36.000Z","dependencies_parsed_at":"2024-04-27T16:40:30.840Z","dependency_job_id":"e7c61139-fe94-413c-ae7d-359ef1ddc705","html_url":"https://github.com/guicamargo19/game_of_thrones_page","commit_stats":null,"previous_names":["guicamargo19/game_of_thrones_site"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/guicamargo19/game_of_thrones_page","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guicamargo19%2Fgame_of_thrones_page","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guicamargo19%2Fgame_of_thrones_page/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guicamargo19%2Fgame_of_thrones_page/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guicamargo19%2Fgame_of_thrones_page/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/guicamargo19","download_url":"https://codeload.github.com/guicamargo19/game_of_thrones_page/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guicamargo19%2Fgame_of_thrones_page/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265791326,"owners_count":23829159,"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","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":["bem-methodology","bootstrap","css3","gulp","html5","npm","sass","vscode"],"created_at":"2024-11-05T15:17:03.315Z","updated_at":"2025-12-30T21:31:38.516Z","avatar_url":"https://github.com/guicamargo19.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Game of Thrones Page\n\n## Apresentação do projeto\n\nhttps://github.com/guicamargo19/game_of_thrones_page/assets/133445061/6aab42c5-a9d8-4457-87cf-0bb54c97296c\n\nSite criado com **HTML** e **CSS**, com classes **Bootstrap** na aplicação de Navbar e Carrossel de imagens, para\nmelhor visualização do conteúdo em Mobile e **SASS** como pré-processador CSS. Este projeto possui automatização de\ntarefas com **Gulp**, para ambiente de produção e desenvolvimento, com compilação do SASS e minificação de imagens e\narquivos.\n\nEste projeto foi realizado com a aplicação da **Metodologia BEM** em toda a sua estrutura, buscando aplicar as melhoras\npráticas de programação para desenvolvimento web.\n\nProjeto desenvolvido no curso de Full Stack Python da EBAC - Escola Britânica de Artes Criativas e Tecnologia.\n\n## 🚀 Começando\n\nEstas instruções permitirão que você obtenha uma cópia do projeto em execução em sua máquina local para fins de\ndesenvolvimento e teste.\n\n### Pré-requisitos\n\nAntes de começar, certifique-se de ter as seguintes ferramentas instaladas em sua máquina:\n\n- **Node.js**\n- **npm (geralmente vem com o Node.js)**\n- [VSCode](https://code.visualstudio.com/)\n- [Live Server](https://github.com/ritwickdey/vscode-live-server-plus-plus)\n\n### Instalação\n\nSiga estas etapas a seguir para configurar o ambiente de desenvolvimento:\n\n1. Clone este repositório em sua máquina local.\n2. Navegue até o diretório clonado.\n3. Instale a extensão [Live Server] no VSCode.\n4. Com arquivo HTML principal aberto, clique em \"Go Live\" no canto inferior direito do VSCode para executar o projeto.\n3. Execute o seguinte comando para instalar as dependências:\n\n  **``npm install``**\n\n### Executar o projeto\n\nNo arquivo package.json, em scripts, é possível designar os comandos desejados para execução do projeto em ambiente de\ndesenvolvimento e produção.\n\n      \"scripts\": {\n        \"dev\": \"gulp watch\",\n        \"build\": \"gulp\",\n        \"test\": \"echo \\\"Error: no test specified\\\" \u0026\u0026 exit 1\"\n      },\n\nPara ambiente de desenvolvimento, utilizamos o comando dev, que foi configurado com o watch para captar as alterações\nnos arquivos enquanto codamos:\n \n  **``npm run dev``**\n\nPara ambiente de produção, utilizamos o comando build:\n\n  **``npm run build``**\n\nA pasta \"dist\" será criada com os arquivos minificados para produção.\n\n## 🛠️Ferramentas utilizadas para construção do projeto\n\n* **HTML** - Linguagem de marcação utilizada na construção de páginas na Web.\n* **CSS** - Cascading Style Sheets é um mecanismo para adicionar estilos a uma página web.\n* **NPM** - Gerenciador de pacotes padrão para o ambiente de tempo de execução JavaScript Node.JS.\n* **Bootstrap** - Framework web open-source para desenvolvimento de componentes de interface para sites e aplicações web.\n* **SASS** - Pré-processador CSS, \"Syntactically Awesome Style Sheets\" é uma linguagem de folhas de estilo.\n* **GULP** - Ferramenta de automatização de tarefas em JavaScript.\n* **Metodologia BEM** - Block Element Modifier, é uma forma de organizar o código CSS para solucionar problemas frequentes no desenvolvimento web.\n\n## ✒️ Autor\n\nGuilherme Ferreira Camargo\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fguicamargo19%2Fgame_of_thrones_page","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fguicamargo19%2Fgame_of_thrones_page","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fguicamargo19%2Fgame_of_thrones_page/lists"}