Il s'agit d'un moteur de recherche appelé Chemisearch, dans lequel vous pouvez rechercher des entreprises qui vendent ces produits :
Ce projet est un annuaire en ligne des produits chimiques au Brésil, vous pouvez trouver toutes les exigences ici. Vous pouvez retrouver la vidéo de présentation dans ce lien.
Dans ce projet, j'ai construit :
La page principale, avec un lien vers la page de résultats en cliquant sur le bouton « recherche » ou sur le lien « entreprises » dans la barre de navigation ;
La page des résultats de recherche, avec une liste d’entreprises chimiques, chacune avec un lien vers la page détaillée de l’entreprise ;
La page détaillée de l'entreprise.
Chacune de ces pages a des versions pour 3 tailles d'écran différentes :
mobile : jusqu'à 768 px ;
tablette : jusqu'à 1 024 px ;
bureau : à partir de 1024px.
J'ai suivi les directives de la conception donnée, notamment :
Couleurs;
Typographies : police, taille et poids (utilisé de manière similaire étant donné le design) ;
Layout : composition et espacement entre les éléments, pour les 3 tailles d'écran données.
Dans ce projet, j'ai :
Balises HTML sémantiques utilisées ;
Utilisé correctement les sélecteurs CSS ;
Modèle de boîte d'éléments HTML utilisés (marge, remplissage, largeur, hauteur) ;
Utiliser des outils standards de l'industrie (flexbox) pour placer des éléments dans la page ;
Création d'interfaces utilisateur adaptables à différentes tailles d'écran à l'aide de requêtes multimédias ;
Meilleures pratiques front-end appliquées ;
Grille CSS et flexbox utilisées ;
SASS utilisé.
Cette page présente un moteur de recherche de produits chimiques au Brésil.
HTML, CSS et SASS.
Cliquez pour accéder à la page Web en direct
Vous serez redirigé vers une page Web où vous pourrez lancer une recherche d’une entreprise qui vend les produits chimiques que vous souhaitez. Vous pouvez affiner votre recherche par nom, état, distance et fourchette de prix. De plus, lorsque vous cliquez sur le bouton de recherche, des informations de base sur l'entreprise que vous avez sélectionnée s'afficheront.
Murilo Roque Paiva da Silva
Github : @MuriloRoque
Twitter : @MuriloRoquePai1
Linkedin : MuriloRoque
Les contributions, problèmes et demandes de fonctionnalités sont les bienvenus ! Commencez par :
Bifurquer le projet
Clonage du projet sur votre machine locale
cd
dans le répertoire du projet
Exécutez git checkout -b your-branch-name
Faites vos cotisations
Poussez votre branche jusqu'à votre référentiel forké
Ouvrez une Pull Request avec une description détaillée à la branche de développement du projet d'origine pour un examen
Donnez un ️ si vous aimez ce projet !
La conception originale est attribuée à Mathew Njuguna, Sam Achola et Kevin Mutua, conception originale
Le design original est sous licence Creative Commons 4.0