{"id":19411843,"url":"https://github.com/devmagno/bikcraft","last_synced_at":"2026-03-02T07:32:32.194Z","repository":{"id":49436382,"uuid":"300677316","full_name":"devMagno/bikcraft","owner":"devMagno","description":"🚴 Site que oferece serviços de montagem de bicicletas personalizadas.","archived":false,"fork":false,"pushed_at":"2020-12-19T01:29:44.000Z","size":1817,"stargazers_count":7,"open_issues_count":0,"forks_count":6,"subscribers_count":1,"default_branch":"master","last_synced_at":"2023-08-29T07:50:07.340Z","etag":null,"topics":["adobe-xd","devmagno","html-css-js","sass","scout-app","sendgrid","ui-design","ux-ui","wireframe"],"latest_commit_sha":null,"homepage":"https://devmagno.github.io/bikcraft/views/","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/devMagno.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}},"created_at":"2020-10-02T16:40:51.000Z","updated_at":"2023-05-23T21:07:30.000Z","dependencies_parsed_at":"2022-09-05T08:20:55.161Z","dependency_job_id":null,"html_url":"https://github.com/devMagno/bikcraft","commit_stats":null,"previous_names":[],"tags_count":0,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devMagno%2Fbikcraft","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devMagno%2Fbikcraft/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devMagno%2Fbikcraft/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devMagno%2Fbikcraft/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/devMagno","download_url":"https://codeload.github.com/devMagno/bikcraft/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223950726,"owners_count":17230533,"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":["adobe-xd","devmagno","html-css-js","sass","scout-app","sendgrid","ui-design","ux-ui","wireframe"],"created_at":"2024-11-10T12:23:26.514Z","updated_at":"2025-10-03T15:21:41.845Z","avatar_url":"https://github.com/devMagno.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Bikcraft 🚴\n\u003cp align=\"center\"\u003e\n\t\u003cimg src=\"https://i.imgur.com/g2uXUfK.png\" alt=\"Bikcraft\" title=\"Bikcraft\"\u003e\n\u003c/p\u003e\n\n## 📖 Sobre   \nO projeto **Bikcraft** foi desenvolvido durante o curso de **Web Design Completo** da **[Origamid](https://www.origamid.com/)**. Durante o curso, aprendemos todos os princípios básicos de **UI/UX Design** e **codificação**, colocando todos os conceitos em prática desenvolvendo **desde o wireframe até o design** e por fim, o **código do site** da **Bikcraft** uma empresa que vende bicicletas personalizadas feitas sob medida, onde desenvolvemos conceitos como **HTML semântico**, **otimização** de imagens e arquivos CSS, **SEO** e utilização do **Google Analytics**.   \nPosteriormente, durante o curso de **CSS com SASS**, foi realizada uma **engenharia reversa** do projeto, utilizando **imports** para melhor organização do projeto e atualizando o sistema de grid com o uso de **loops**, além do uso de **variáveis** de cores e **mixins** para as diferentes tipografias do projeto.\n\n---\n\n## 🚀 Tecnologias e ferramentas utilizadas\n- **HTML5**\n- **CSS3**\n- **JavaScript** (com os plugins [SimpleSlide](https://github.com/origamid/simple-slide), [SimpleAnime](https://github.com/origamid/simple-anime) e [SimpleForm](https://github.com/origamid/simple-form))\n- **PHP** (envio de e-mail com [SendGrid](https://sendgrid.com/))\n- **SASS**\n- **Scout App** (compilador do SASS)\n\n---\n\n## 🖥️ Demonstração\n[![Bikcraft](https://i.imgur.com/Gy5e6Tn.png \"Clique para acessar o projeto\")](https://devmagno.github.io/bikcraft/views/index.html \"Clique para acessar o projeto\")   \n\nVocê pode acessar o projeto clicando [aqui](https://devmagno.github.io/bikcraft/views/index.html).\n\n---\n\n## 🔖 Layout\nTanto o **wireframe** quanto o **design** do projeto **Bikcraft** foram desenvolvidos no **Adobe XD,** ambos **navegáveis** e que você pode acessar nos links abaixo:\n- **[Wireframe do projeto](https://xd.adobe.com/view/95e96e6a-d057-42e1-a34f-bc99d2963f42-c0ba/?fullscreen\u0026hints=off)**\n- **[Design do projeto](https://xd.adobe.com/view/49a2fc68-e3ac-4e9c-b825-0217fcc8c506-1cf1/?fullscreen\u0026hints=off)**\n\n---\n\n## 🔧 Como executar o projeto\n\n```bash\n# Clone o repositório\ngit clone https://github.com/devMagno/bikcraft\n\n# Entre no diretório\ncd bikcraft\n```\nDepois disso, utilize uma ferramenta como o [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) para criar um servidor local e executar o projeto.\n\n---\n\n## 📝 Licença\n\nO projeto está sob a licença MIT. Para saber mais, acesse o arquivo [LICENSE](https://github.com/devMagno/bikcraft/blob/master/LICENSE).\n\n---\n\n**Desenvolvido com 💛 por [Guilherme Magno](https://github.com/devmagno/).**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevmagno%2Fbikcraft","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevmagno%2Fbikcraft","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevmagno%2Fbikcraft/lists"}