microverse HTML CSS capstone project online shop for electronics

Online -Shop (Index- und Suchseite) - Zeit 16 Stunden gebaut

Dies ist ein Capstone/Prüfungsprojekt für das Microverse -Modul HTML/CSS. Es handelt sich um eine Handwerkswebsite (Handmades), die HTML, CSS3/SCSS, Bootstrap und Font Awesome verwendet.

Sehen Sie sich hier eine Videopräsentation des Projekts an. Die Website wurde mit diesem Modell erstellt

Screenshot der Indexseite

Screenshot der Suchseite

Das Projekt wird unter Verwendung von HTML und CSS/SCSS mit einer umfassenden Verwendung des Gitters und der Flex -Propreties erstellt. Ich habe alle SCSS -Kernfunktionen verwendet: Variablen, Mixins und Farbfunktionen.

Gebaut mit

• Html
• CSS3/SCSS
• Bootstrap
• Schriftart großartige Symbole
• Webhint/Stylelint Linters
• NPM -Skripte zum Testen und Ausführen der SCSS -Änderungen

Sie können den Workflow überprüfen, den ich beim Erstellen von Websites verwende, indem Sie meinen mittleren Artikel lesen. Organisieren Sie Ihre HTML- und CSS -Dateien wie ein Profi

Live -Demo

Live -Demo -Indexseite

Live -Demo -Suchseite

(Sie können auch mit den Navigationsverbindungen und dem Suchformular zwischen Seiten navigieren.)

Um eine lokale Kopie in Betrieb zu nehmen, führen Sie diesen einfachen Beispielschritten aus.

Aufstellen

Klonen Sie das Projekt lokal.

Linter

1. Führen Sie npm install aus.
2. Führen Sie npm run test aus, um die HTML- und CSS -Dateien zu überprüfen.
3. Run npm run watch , um nach SCSS -Änderungen zu achten.

Einsatz

Installieren und führen Sie ein Live -Server -Plugin auf Ihrem IDE/Texteditor aus und führen Sie es aus dem Stammverzeichnis aus.

Zukünftige Verbesserungen

Fügen Sie der Seite ein Backend hinzu

Autoren

? 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/

Zeigen Sie Ihre Unterstützung

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

Lizenz

Dieses Projekt ist MIT lizenziert.