{"id":21417251,"url":"https://github.com/denetodev/order-summary-component-main","last_synced_at":"2026-05-16T08:03:38.906Z","repository":{"id":263545069,"uuid":"850149697","full_name":"denetodev/order-summary-component-main","owner":"denetodev","description":"O projeto \"Order Summary Card\" é um cartão de resumo de pedido estilizado usando Bootstrap e SASS. O layout é responsivo, garantindo uma boa experiência em diferentes dispositivos.","archived":false,"fork":false,"pushed_at":"2024-09-02T03:35:33.000Z","size":162,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-16T19:19:18.948Z","etag":null,"topics":["css3","html5","sass","scss-framework","web-responsive"],"latest_commit_sha":null,"homepage":"https://order-summary-component-main-eta-eosin.vercel.app","language":"CSS","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/denetodev.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-08-31T02:00:42.000Z","updated_at":"2024-09-02T03:35:36.000Z","dependencies_parsed_at":"2024-11-19T05:58:27.569Z","dependency_job_id":"7e370929-a44b-44b2-ba0c-d3799c2eec11","html_url":"https://github.com/denetodev/order-summary-component-main","commit_stats":null,"previous_names":["denetodev/order-summary-component-main"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/denetodev/order-summary-component-main","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/denetodev%2Forder-summary-component-main","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/denetodev%2Forder-summary-component-main/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/denetodev%2Forder-summary-component-main/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/denetodev%2Forder-summary-component-main/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/denetodev","download_url":"https://codeload.github.com/denetodev/order-summary-component-main/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/denetodev%2Forder-summary-component-main/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278283493,"owners_count":25961310,"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","status":"online","status_checked_at":"2025-10-04T02:00:05.491Z","response_time":63,"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":["css3","html5","sass","scss-framework","web-responsive"],"created_at":"2024-11-22T19:14:17.530Z","updated_at":"2025-10-04T07:41:40.205Z","avatar_url":"https://github.com/denetodev.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Order Summary Card | Desafio Frontend Mentor\n\nEste projeto é uma solução para o desafio de criar um cartão de resumo de pedido, desenvolvido para demonstrar habilidades em layout responsivo e design moderno. A página é completamente estilizada usando Bootstrap e CSS customizado, oferecendo uma experiência de usuário fluida e atraente.\n\nSinta-se à vontade para visitar meu perfil no Frontend Mentor - [@deusdeteneto](https://www.frontendmentor.io/profile/deusdeteneto)\n\n## Índice de conteúdos\n\n- [Visão geral](#visão-geral)\n  - [Imagem](#imagem)\n  - [Links](#links)\n- [Meu processo](#meu-processo)\n  - [Construído com](#construído-com)\n  - [O que eu aprendi](#o-que-eu-aprendi)\n  - [Desenvolvimento contínuo](#desenvolvimento-contínuo)\n  - [Recursos utilizados](#recursos-utilizados)\n- [Autor](#autor)\n\n## Visão geral\n\n### Imagem\n\n\u003c!-- TODO COLOCAR IMAGEM DO PROJETO --\u003e\n\n![Imagem do Projeto](https://raw.githubusercontent.com/deusdeteneto/order-summary-component-main/main/design/image-desktop.jpeg) \u003c!-- Substitua o link pela imagem de captura de tela do seu projeto --\u003e\n\n### Links\n\n\u003c!-- TODO COLOCAR OS LINKS ABAIXO --\u003e\n\n- URL da Solução: [Adicionar URL da solução aqui](https://www.frontendmentor.io/solutions/order-summary-card-P6Y_zVvbE-) \u003c!-- Substitua pela URL do seu repositório ou site --\u003e\n- URL do Site: [Adicionar URL do site aqui](https://order-summary-component-main-eta-eosin.vercel.app/) \u003c!-- Substitua pela URL do site ao vivo --\u003e\n\n## Meu processo\n\n### Construído com\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"#\"\u003e\u003cimg src=\"https://skillicons.dev/icons?i=html,css,scss,bootstrap,git,github,vercel\" alt=\"My Skills\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n### O que eu aprendi\n\nDurante o desenvolvimento deste projeto, aprofundei meus conhecimentos em layout responsivo usando Bootstrap e estilização de componentes com SASS. Aprendi a garantir que o footer ficasse no fundo da página sem alterar a altura do card e a aplicar uma estilização consistente para diferentes tamanhos de tela.\n\n### Desenvolvimento contínuo\n\nPara futuros projetos, pretendo explorar mais funcionalidades interativas usando JavaScript e CSS avançado. Também quero focar na otimização da acessibilidade e desempenho das minhas páginas para garantir uma melhor experiência de usuário.\n\n### Recursos utilizados\n\n- [Documentação do Bootstrap](https://getbootstrap.com/docs/5.3/getting-started/introduction/) - Essencial para construir um layout responsivo e estilizado.\n- [Google Fonts](https://fonts.google.com/) - Para adicionar fontes personalizadas ao projeto.\n- [Sass Documentation](https://sass-lang.com/documentation/) - Importante para tirar dúvidas sobre as boas práticas do SASS.\n- [MDN Web Docs](https://developer.mozilla.org/) - Excelente recurso para aprender mais sobre HTML, CSS e boas práticas de desenvolvimento web.\n\n## Autor\n\nVocê pode encontrar mais informações sobre mim clicando nas minhas redes abaixo:\n\n- [GitHub](https://github.com/deusdeteneto)\n- [Linkedin](https://www.linkedin.com/in/deusdeteneto)\n- [Instagram](https://www.instagram.com/torresneto.tn/)\n\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://github.com/deusdeteneto\"\u003e\n    \u003cimg src=\"https://skillicons.dev/icons?i=github\" alt=\"GitHub\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.linkedin.com/in/deusdeteneto\"\u003e\n    \u003cimg src=\"https://skillicons.dev/icons?i=linkedin\" alt=\"LinkedIn\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.instagram.com/torresneto.tn/\"\u003e\n    \u003cimg src=\"https://skillicons.dev/icons?i=instagram\" alt=\"Instagram\" /\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\u003chr\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdenetodev%2Forder-summary-component-main","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdenetodev%2Forder-summary-component-main","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdenetodev%2Forder-summary-component-main/lists"}