chemisearch

Chemische Forschung

Dies ist eine Suchmaschine namens Chemisearch, mit der Sie nach Unternehmen suchen können, die diese Produkte verkaufen:

Bei diesem Projekt handelt es sich um ein Online-Verzeichnis für Chemikalien in Brasilien. Alle Anforderungen finden Sie hier. Die Videopräsentation finden Sie unter diesem Link.

In diesem Projekt habe ich Folgendes gebaut:

• Die Hauptseite mit einem Link zur Ergebnisseite durch Klicken auf die Schaltfläche „Suchen“ oder den Link „Unternehmen“ in der Navigationsleiste;

• Die Suchergebnisseite mit einer Liste von Chemieunternehmen, jeweils mit einem Link zur Detailseite des Unternehmens;

• Die Detailseite des Unternehmens.

Jede dieser Seiten verfügt über Versionen für drei verschiedene Bildschirmgrößen:

• Mobil: bis zu 768 Pixel;

• Tablet: bis zu 1024px;

• Desktop: ab 1024px.

Ich habe die Richtlinien des vorgegebenen Designs befolgt, einschließlich:

• Farben;

• Typografien: Schriftart, -größe und -stärke (es wurde aufgrund des Designs eine ähnliche Schriftart verwendet);

• Layout: Zusammensetzung und Abstand zwischen den Elementen für die drei angegebenen Bildschirmgrößen.

In diesem Projekt habe ich:

• Verwendete semantische HTML-Tags;

• CSS-Selektoren korrekt verwendet;

• Verwendetes HTML-Elemente-Box-Modell (Rand, Abstand, Breite, Höhe);

• Verwendung branchenüblicher Tools (Flexbox), um Elemente auf der Seite zu platzieren;

• Benutzeroberflächen erstellt, die mithilfe von Medienabfragen an unterschiedliche Bildschirmgrößen angepasst werden können;

• Angewandte Front-End-Best Practices;

• Verwendetes CSS-Raster und Flexbox;

• SASS verwendet.

Was es bewirkt

Diese Seite zeigt eine Suchmaschine für chemische Produkte in Brasilien.

Gebaut mit

HTML, CSS und SASS.

Live-Demo

Klicken Sie hier, um zur Live-Webseite zu gelangen

Erste Schritte

Sie werden auf eine Webseite weitergeleitet, auf der Sie eine Suche nach einem Unternehmen starten können, das die gewünschten chemischen Produkte verkauft. Sie können Ihre Suche nach Name, Bundesland, Entfernung und Preisspanne verfeinern. Wenn Sie auf die Schaltfläche „Suchen“ klicken, werden außerdem grundlegende Informationen über das von Ihnen ausgewählte Unternehmen angezeigt.

Autor

Murilo Roque Paiva da Silva

Github: @MuriloRoque

Twitter: @MuriloRoquePai1

Linkedin: MuriloRoque

Mitwirken

Beiträge, Probleme und Funktionswünsche sind willkommen! Beginnen Sie mit:

• Das Projekt forken

• Klonen Sie das Projekt auf Ihren lokalen Computer

• cd in das Projektverzeichnis

• Führen Sie git checkout -b your-branch-name aus

• Machen Sie Ihren Beitrag

• Schieben Sie Ihren Branch in Ihr geforktes Repository

• Öffnen Sie eine Pull-Anfrage mit einer detaillierten Beschreibung für den Entwicklungszweig des ursprünglichen Projekts zur Überprüfung

Zeigen Sie Ihre Unterstützung

Geben Sie ein ️, wenn Ihnen dieses Projekt gefällt!

Danksagungen

• Der ursprüngliche Entwurf wird Mathew Njuguna, Sam Achola und Kevin Mutua zugeschrieben, ursprünglicher Entwurf

Lizenz

• Das Originaldesign ist unter der Creative Commons 4.0-Lizenz lizenziert