Este es un buscador llamado Chemisearch, donde puedes buscar empresas que vendan estos productos:
Este proyecto es un directorio en línea de productos químicos en Brasil, puede encontrar todos los requisitos aquí. Podéis encontrar el vídeo de presentación en este enlace.
En este proyecto, construí:
La página principal, con un enlace a la página de resultados haciendo clic en el botón "buscar" o en el enlace "empresas" en la barra de navegación;
La página de resultados de búsqueda, con una lista de empresas químicas, cada una con un enlace a la página detallada de la empresa;
La página detallada de la empresa.
Cada una de estas páginas tiene versiones para 3 tamaños de pantalla diferentes:
móvil: hasta 768 px;
tableta: hasta 1024px;
escritorio: desde 1024px.
Seguí las pautas del diseño dado, que incluyen:
Bandera;
Tipografías: tipografía, tamaño y peso (se utilizó una similar dado el diseño);
Diseño: composición y espacio entre elementos, para los 3 tamaños de pantalla indicados.
En este proyecto yo:
Etiquetas HTML semánticas utilizadas;
Usé selectores CSS correctamente;
Modelo de cuadro de elementos HTML utilizados (margen, relleno, ancho, alto);
Se utilizaron herramientas estándar de la industria (flexbox) para colocar elementos en la página;
Creé UI adaptables a diferentes tamaños de pantalla mediante consultas de medios;
Mejores prácticas aplicadas de front-end;
Se utilizó CSS grid y flexbox;
SASS usado.
Esta página muestra un buscador de productos químicos en Brasil.
HTML, CSS y SASS.
Haga clic para ver la página web en vivo
Serás redirigido a una página web donde podrás iniciar la búsqueda de una empresa que venda los productos químicos que deseas. Puede refinar su búsqueda por nombre, estado, distancia y rango de precios. Además, al hacer clic en el botón de búsqueda, se mostrará información básica sobre la empresa que seleccionó.
Murilo Roque Paiva da Silva
Github: @MuriloRoque
Twitter: @MuriloRoquePai1
Linkedin: MuriloRoque
¡Las contribuciones, los problemas y las solicitudes de funciones son bienvenidos! Empiece por:
Bifurcando el proyecto
Clonar el proyecto en su máquina local
cd
en el directorio del proyecto
Ejecute git checkout -b your-branch-name
Haz tus aportes
Sube tu rama a tu repositorio bifurcado
Abra una solicitud de extracción con una descripción detallada para la rama de desarrollo del proyecto original para su revisión.
¡Dale un ️ si te gusta este proyecto!
El diseño original se atribuye a Mathew Njuguna, Sam Achola y Kevin Mutua, diseño original
El diseño original está bajo la licencia Creative Commons 4.0.