Este é um mecanismo de busca chamado Chemisearch, onde você pode pesquisar empresas que vendem estes produtos:
Este projeto é um diretório online de produtos químicos no Brasil, você pode encontrar todos os requisitos aqui. Você pode encontrar o vídeo de apresentação neste link.
Neste projeto, construí:
A página principal, com link para a página de resultados clicando no botão “pesquisar” ou no link “empresas” na barra de navegação;
A página de resultados da pesquisa, com uma lista de empresas químicas, cada uma com um link para a página detalhada da empresa;
A página de detalhes da empresa.
Cada uma dessas páginas possui versões para 3 tamanhos de tela diferentes:
celular: até 768px;
tablet: até 1024px;
área de trabalho: de 1024px.
Segui as diretrizes do design fornecido, incluindo:
Cores;
Tipografias: tipografia, tamanho e espessura da fonte (usei semelhante dado o design);
Layout: composição e espaço entre elementos, para os 3 tamanhos de tela determinados.
Neste projeto eu:
Tags HTML semânticas usadas;
Seletores CSS usados corretamente;
Modelo de caixa de elementos HTML utilizados (margem, preenchimento, largura, altura);
Utilizei ferramentas padrão da indústria (flexbox) para colocar elementos na página;
Criei UIs adaptáveis a diferentes tamanhos de tela usando media queries;
Melhores práticas de front-end aplicadas;
Grade CSS e flexbox usados;
SASS usado.
Esta página mostra um mecanismo de busca de produtos químicos no Brasil.
HTML, CSS e SASS.
Clique para acessar a página ao vivo
Você será redirecionado para uma página da web onde poderá iniciar uma busca por uma empresa que venda os produtos químicos que deseja. Você pode refinar sua busca por nome, estado, distância e faixa de preço. Além disso, ao clicar no botão de pesquisa, serão mostradas informações básicas sobre a empresa selecionada.
Murilo Roque Paiva da Silva
Github: @MuriloRoque
Twitter: @MuriloRoquePai1
Linkedin: MuriloRoque
Contribuições, problemas e solicitações de recursos são bem-vindos! Comece por:
Bifurcando o projeto
Clonando o projeto para sua máquina local
cd
no diretório do projeto
Execute git checkout -b your-branch-name
Faça suas contribuições
Envie seu branch para seu repositório bifurcado
Abra uma solicitação pull com uma descrição detalhada do branch de desenvolvimento do projeto original para revisão
Dê um ️ se você gostou deste projeto!
O desenho original é atribuído a Mathew Njuguna, Sam Achola e Kevin Mutua, desenho original
O design original está licenciado sob a licença Creative Commons 4.0