O projeto Bikcraft foi desenvolvido durante o curso de Web Design Completo da Origamid. 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.
Posteriormente, 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.
- HTML5
- CSS3
- JavaScript (com os plugins SimpleSlide, SimpleAnime e SimpleForm)
- PHP (envio de e-mail com SendGrid)
- SASS
- Scout App (compilador do SASS)
Você pode acessar o projeto clicando aqui.
Tanto o wireframe quanto o design do projeto Bikcraft foram desenvolvidos no Adobe XD, ambos navegáveis e que você pode acessar nos links abaixo:
# Clone o repositório
git clone https://github.com/johnatandjesus/bikcraft-curso
# Entre no diretório
cd bikcraft
Depois disso, utilize uma ferramenta como o Live Server para criar um servidor local e executar o projeto.