{"id":18867182,"url":"https://github.com/daviteixeira-dev/website-with-just-html-css-and-javascript","last_synced_at":"2026-05-05T02:38:50.177Z","repository":{"id":257598832,"uuid":"854889360","full_name":"daviteixeira-dev/website-with-just-html-css-and-javascript","owner":"daviteixeira-dev","description":"This project is a responsive website developed entirely with HTML, CSS and JavaScript, with a mobile-first approach, the site has been carefully optimized for SEO, including meta tags, structured data and several best practices to improve performance in Google searches.","archived":false,"fork":false,"pushed_at":"2025-03-11T18:25:15.000Z","size":15065,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-30T14:56:34.655Z","etag":null,"topics":["css","html","javascript","mobile-first","seo"],"latest_commit_sha":null,"homepage":"https://melhorescursosdemanicureonline.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/daviteixeira-dev.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":"2024-09-10T00:01:13.000Z","updated_at":"2025-03-11T18:25:18.000Z","dependencies_parsed_at":null,"dependency_job_id":"12591406-770c-48bf-83be-0f8108001a8b","html_url":"https://github.com/daviteixeira-dev/website-with-just-html-css-and-javascript","commit_stats":null,"previous_names":["daviteixeira-dev/only-html-and-css","daviteixeira-dev/only-html-css-and-js","daviteixeira-dev/website-with-just-html-css-and-javascript"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/daviteixeira-dev/website-with-just-html-css-and-javascript","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daviteixeira-dev%2Fwebsite-with-just-html-css-and-javascript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daviteixeira-dev%2Fwebsite-with-just-html-css-and-javascript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daviteixeira-dev%2Fwebsite-with-just-html-css-and-javascript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daviteixeira-dev%2Fwebsite-with-just-html-css-and-javascript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/daviteixeira-dev","download_url":"https://codeload.github.com/daviteixeira-dev/website-with-just-html-css-and-javascript/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daviteixeira-dev%2Fwebsite-with-just-html-css-and-javascript/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32633438,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-04T10:08:07.713Z","status":"online","status_checked_at":"2026-05-05T02:00:06.033Z","response_time":54,"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","mobile-first","seo"],"created_at":"2024-11-08T05:08:38.397Z","updated_at":"2026-05-05T02:38:50.136Z","avatar_url":"https://github.com/daviteixeira-dev.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Site de Reviews e Blog\n\n\u003cimg src=\"./assets/images/website-banner-for-readme.png\" /\u003e\n\nEste é um projeto desenvolvido com o objetivo de oferecer uma visão completa e imparcial sobre os melhores cursos de manicure e pedicure disponíveis online. No site, o usuário pode explorar reviews detalhados, vantagens de cada curso e respostas às dúvidas mais comuns, com a possibilidade de comparar cursos e escolher o que mais se adequa às suas necessidades e aspirações profissionais.\n\nHospedado na Vercel e otimizado para SEO e performance, o site é totalmente responsivo e oferece uma experiência aprimorada tanto para usuários de dispositivos móveis quanto para tablets e desktops.\n\n## ✨ Funcionalidades\n\n### 📝 Página Principal - Reviews de Cursos\n\n- \u003cb\u003eDescrição dos Cursos\u003c/b\u003e: Listagem dos principais cursos com análises detalhadas, incluindo vantagens, diferenciais e principais informações sobre cada um.\n- \u003cb\u003eBotões de Ação\u003c/b\u003e: Cada curso conta com um botão de ação que direciona o usuário para a página de venda oficial.\n- \u003cb\u003eSeção de Vantagens\u003c/b\u003e: Descreve as principais vantagens dos cursos, ajudando o usuário a entender os benefícios de investir em cada um.\n- \u003cb\u003ePerguntas Frequentes\u003c/b\u003e: Responde às dúvidas mais comuns sobre os cursos de manicure e pedicure, facilitando a tomada de decisão.\n\n### 📚 Blog\n\n- \u003cb\u003eArtigos Complementares\u003c/b\u003e: Conteúdo adicional que explora temas do universo da manicure e pedicure, com dicas, tendências e práticas do mercado. Este espaço visa atrair e engajar usuários, oferecendo informações relevantes e de valor.\n\n## 🛠 Tecnologias Utilizadas\n\nEste site foi construído utilizando as tecnologias básicas de desenvolvimento web:\n\n- \u003cb\u003eHTML5\u003c/b\u003e: Marcações semânticas para SEO e acessibilidade;\n- \u003cb\u003eCSS3\u003c/b\u003e: Design responsivo com abordagem \"mobile-first\" e uso de media queries para adaptação em telas de tablet e desktop;\n- \u003cb\u003eJavaScript\u003c/b\u003e: Interatividade básica e otimização da experiência do usuário.\n\n## 🚀 Processo de Desenvolvimento\n\n1. \u003cb\u003eMobile-First\u003c/b\u003e: Todo o design foi inicialmente concebido para dispositivos móveis, ajustando-se gradualmente para telas maiores via media queries.\n2. \u003cb\u003eSEO e Indexação\u003c/b\u003e: Site configurado com todas as meta tags essenciais para SEO e estruturação com robots.txt. O projeto foi cadastrado no \u003ca href=\"https://search.google.com/search-console/about\"\u003eGoogle Search Console\u003c/a\u003e para monitoramento de indexação e análise de tráfego orgânico.\n3. \u003cb\u003eOtimizações de Performance\u003c/b\u003e:\n   - \u003cb\u003eImagens em Formato WebP\u003c/b\u003e: Todas as imagens foram convertidas para WebP, com variações de tamanho para diferentes dispositivos.\n   - \u003cb\u003ePreload de Fontes e CSS\u003c/b\u003e: Priorização de recursos essenciais para melhorar o tempo de carregamento.\n   - \u003cb\u003eDefer no JavaScript\u003c/b\u003e: Scripts carregados de forma assíncrona para evitar bloqueio de renderização.\n   - \u003cb\u003eConfigurações de Cache\u003c/b\u003e: Melhorias de cache para otimizar o carregamento nas visitas subsequentes.\n4. \u003cb\u003eAuditoria e Melhoria de Performance\u003c/b\u003e: Após concluir o desenvolvimento, o site foi auditado com o \u003ca href=\"https://pagespeed.web.dev/\"\u003ePageSpeed Insights\u003c/a\u003e, com ajustes realizados para garantir pontuação máxima em: Performance; SEO; Boas Práticas e Acessibilidade.\n5. 📊 \u003cb\u003eDados Estruturados\u003c/b\u003e: Implementação de dados estruturados para otimizar a visibilidade nas pesquisas do Google, exibindo informações detalhadas sobre os cursos diretamente nos resultados de busca e potencializando o tráfego orgânico.\n\n## 🌐 Deploy\n\nO site está hospedado na \u003ca href=\"https://vercel.com\"\u003eVercel\u003c/a\u003e, com integração ao Google Search Console para monitoramento de indexação e análise de tráfego.\n\n## 👀 Como Visualizar o Projeto\n\nPara ver o site ao vivo, acesse: \u003ca href=\"https://melhorescursosdemanicureonline.vercel.app/index.html\"\u003eLink para o Site\u003c/a\u003e.\n\n## 💯 Pontuação no Lighthouse\n\nApós todas as otimizações, o site obteve pontuação máxima em:\n\n\u003cimg src=\"./assets/images/website-metricas.png\" /\u003e\n\n## 🔍 Conclusão\n\nEste projeto é um exemplo completo de site responsivo, otimizado para performance e SEO, com foco em oferecer uma experiência eficiente e de valor para o usuário.\n\n### 👨‍💻 Desenvolvido por: \u003ca href=\"https://github.com/daviteixeira-dev/\"\u003eDavi Teixeira\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdaviteixeira-dev%2Fwebsite-with-just-html-css-and-javascript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdaviteixeira-dev%2Fwebsite-with-just-html-css-and-javascript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdaviteixeira-dev%2Fwebsite-with-just-html-css-and-javascript/lists"}