Skip to content

emmanuelmarcosdeoliveira/bikcraft_v1_sass

Repository files navigation


Descrição | Funcionalidades | Imagens | Tecnologias | Como executar esse projeto ? | Referências | Autor |

✅ Descrição do Projeto:

🌟Bikcraft-v1 com SASS🌟

Esse projeto faz parte do Curso de CSS com SASS da Origamid . Nesse curso Aprendida conceitos de SASS dentro do 02 projetos práticos o Bikcraft e o Lescone aplicando algumas técnicas como:


💎 como criar variáveis no SASS
💎 Fazer @import de Arquivos
💎 Como criar mixins com SASS
💎 Criar funções com SASS
💎 como criar loop dentro do SASS

Nesse projeto Bikcraft em específico pegamos o projeto já pronto e foi feito a inclusão das técnicas de SASS dentro dele.



Video 📽️ de Demostração do Projeto

Bikcraft-v1.mp4


⚙️ Funcionalidades

Esse projeto simula uma loja de Bicicletas onde podemos ver os modelos de Bicicletas que a Bikcraft produz. e fazer um orçamento atráves de uma siolicitação via formulário

📸 Imagens do Projeto versão web.



💡 Dica: Algumas imagens da versão Desktop.



📱 Imagens do Projeto verão Mobile.



💡 Dica: Algumas imagens da versão Mobile.



🪛Tecnologias Utilizadas



HTML5 CSS3 JAVASCRIPT SASS


🛣️ Como Executar esse projeto ?



Pré Requisitos:
Ter instaldo em seu computador:
💾 - node.js
💾 - vs-code



  1. Fazer a instalçao do NODE.JS "Caso ainda não tenha em seu computador

Node.Js.
Clique no link☝️ acima e faça a instalação em seu computador.


  1. Fazer o fork desse projeto para o seu Github.


Caso não saiba o que é isso ou como fazer um fork de um repositório vou deixar umn video aqui com o passo a passo de como fazer isso. https://www.youtube.com/watch?v=q-QTbNu8Ybc






  1. Abra esse projeto dentro do seu VScode



  1. Digite o comando dentro do terminal do VSCode


npm install


> Esse comando faz uma verificação de todas as Dependências necessária para a execução do projeto e faz a instalação dessas dependências para que você possa executar esse projeto. Espere o processo ser concluido.


  1. Agora digite o comando para a execução do SASS dentro do terminal do VScode


npm run sass



  1. Pronto🏅


Vocé já tem o projeto dentro do seu github; podendo verificar o código; fazer alterações. etc...




Para ter Acesso ao Projeto; clique no link Abaixo:

Bikcraft



📚Referências



📝 Note: Origamid

👨🏻‍🦱 Autor



© Todos os Direitos Reservados

😁Obrigado por chegar até aqui!

About

Este Repositório é destinado para a pratica do curso de CSS com SASS da origamid

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published