microverse HTML CSS capstone project online shop for electronics

Интернет -магазин (индекс и страница поиска) - Построенное время 16 часов

Это проект Capstone/Exam для модуля Microverse HTML/CSS. Это веб -сайт Crafts (Handmades) с использованием HTML, CSS3/SCSS, Bootstrap и Font Awesome.

Посмотрите видео -презентацию проекта здесь. Сайт построен с использованием этого макета

Скриншот страницы индекса

Скриншот страницы поиска

Проект построен с использованием HTML и CSS/SCSS с широким использованием сетки и гибких пропели. Я использовал все основные функции SCSS: переменные, микшины и цветовые функции.

Построен с

• HTML
• CSS3/SCSS
• Начальная загрузка
• Шрифт потрясающие значки
• Webhint/Stylelint Linters
• Сценарии NPM для тестирования и запуска изменений SCSS

Вы можете проверить рабочий процесс, который я использую при строительстве веб -сайтов, читая мою среду статью, организуя ваши файлы HTML и CSS, такие как профессионал

Живая демонстрация

Страница индекса живого демонстрации

Страница поиска в прямом эфире

(Вы также можете перемещаться между страницами, используя навигационные ссылки и форму поиска.)

Чтобы получить локальную копию и запуск, следуйте этим простым примерам.

Настраивать

Клонировать проект на местном уровне.

Линтерс

1. Запустите npm install .
2. Запустите npm run test , чтобы проверить файлы HTML и CSS.
3. Запустите npm run watch , чтобы начать наблюдать за изменениями SCSS.

Развертывание

Установите и запустите плагин Live Server для вашего редактора IDE/Text и запустите его из корневого каталога.

Будущие улучшения

Добавить бэкэнд на страницу

Авторы

? Кристиан Виорел Цемату

• Электронная почта: [email protected]
• Github: https://github.com/cristianceamatu
• Twitter: https://twitter.com/cristianceamatu
• LinkedIn: https://www.linkedin.com/in/ceamatu-cristian/

Покажите свою поддержку

Дайте ️, если вам нравится этот проект!

Лицензия

Этот проект лицензирован MIT.