microverse HTML CSS capstone project online shop for electronics

Boutique en ligne (index et page de recherche) - Heure de construction 16 heures

Il s'agit d'un projet Capstone / Exam pour le module Microverse HTML / CSS. Il s'agit d'un site Web Crafts (Handmades) utilisant HTML, CSS3 / SCSS, Bootstrap et Font Awesome.

Regardez une présentation vidéo du projet ici. Le site Web est construit en utilisant cette maquette

Capture d'écran de la page d'index

Capture d'écran de la page de recherche

Le projet est construit à l'aide de HTML et CSS / SCSS avec une utilisation approfondie de la grille et des propreties Flex. J'ai utilisé toutes les fonctionnalités de base SCSS: variables, mélanges et fonctions de couleur.

Construit avec

• Html
• CSS3 / SCSS
• Amorce
• Icônes impressionnantes de police
• WEBHINT / Stylelint Liners
• Les scripts NPM pour tester et exécuter les modifications SCSS

Vous pouvez consulter le workflow que j'utilise lors de la création de sites Web en lisant mon article moyen Organisez vos fichiers HTML et CSS comme un pro

Démo en direct

Page d'index de démonstration en direct

Page de recherche de démonstration en direct

(Vous pouvez également naviguer entre les pages à l'aide des liens de navigation et du formulaire de recherche.)

Pour obtenir une copie locale en cours, suivez ces exemples d'exemples simples.

Installation

Clone le projet localement.

Linter

1. Exécutez npm install .
2. Exécutez npm run test pour vérifier les fichiers HTML et CSS.
3. Exécutez npm run watch pour commencer à regarder les modifications SCSS.

Déploiement

Installez et exécutez un plugin de serveur en direct sur votre éditeur IDE / Texte et exécutez-le à partir du répertoire racine.

Améliorations futures

Ajouter un backend à la page

Auteurs

? Cristian Viorel Ceamatu

• Courriel: [email protected]
• Github: https://github.com/cristianceamatu
• Twitter: https://twitter.com/cristianceamatu
• LinkedIn: https://www.linkedin.com/in/ceamatu-critian/

Montrez votre soutien

Donnez un ️ si vous aimez ce projet!

Licence

Ce projet est sous licence MIT.