microverse HTML CSS capstone project online shop for electronics

Loja on -line (página de índice e pesquisa) - Tempo construído 16 horas

Este é um projeto Capstone/Exame para o Microverse Module HTML/CSS. É um site de artesanato (artesanal) usando HTML, CSS3/SCSS, Bootstrap e Font Awesome.

Assista a uma apresentação em vídeo do projeto aqui. O site é construído usando este maquete

Captura de tela da página de índice

Captura de tela da página de pesquisa

O projeto é construído usando HTML e CSS/SCSS com um uso extensivo das propras da grade e do flex. Usei todas as funcionalidades do núcleo do SCSS: variáveis, mixins e funções de cores.

Construído com

• Html
• CSS3/SCSS
• Bootstrap
• Ícones incríveis da fonte
• Linters de webhint/stylelint
• Scripts npm para testar e executar as mudanças do SCSS

Você pode verificar o fluxo de trabalho que eu uso ao criar sites lendo meu artigo médio organize seus arquivos HTML e CSS como um profissional

Demoção ao vivo

Página de índice de demonstração ao vivo

Página de pesquisa de demonstração ao vivo

(Você também pode navegar entre as páginas usando os links de navegação e o formulário de pesquisa.)

Para obter uma cópia local em funcionamento, siga estas etapas simples de exemplo.

Configurar

Clone o projeto localmente.

Linters

1. Execute npm install .
2. Execute npm run test para verificar os arquivos HTML e CSS.
3. Execute npm run watch para começar a vigiar as alterações do SCSS.

Implantação

Instale e execute um plug -in de servidor ao vivo no seu editor de IDE/texto e execute -o no diretório raiz.

Melhorias futuras

Adicione um back -end à página

Autores

? Cristian Viorel Ceamatu

• E -mail: [email protected]
• Github: https://github.com/cristianceamatu
• Twitter: https://twitter.com/cristianceamatu
• LinkedIn: https://www.linkedin.com/in/ceamatu-cristian/

Mostre seu apoio

Dê a um ️ se você gosta deste projeto!

Licença

Este projeto está licenciado pelo MIT.