chemisearch

Химипоиск

Это поисковая система под названием Chemisearch, где вы можете искать компании, продающие следующие продукты:

Этот проект представляет собой онлайн-справочник химикатов в Бразилии. Все необходимые требования вы можете найти здесь. Видеопрезентацию вы можете найти по этой ссылке.

В этом проекте я построил:

• Главная страница со ссылкой на страницу результатов по нажатию кнопки «поиск» или ссылки «компании» в навигационной панели;

• Страница результатов поиска со списком химических компаний, каждая из которых имеет ссылку на страницу с подробным описанием компании;

• Подробная страница компании.

Каждая из этих страниц имеет версии для трех разных размеров экрана:

• мобильный: до 768 пикселей;

• планшет: до 1024 пикселей;

• рабочий стол: от 1024 пикселей.

Я следовал рекомендациям данного дизайна, в том числе:

• Цвета;

• Типографика: начертание, размер и насыщенность шрифта (используется аналогичный с учетом дизайна);

• Макет: композиция и пространство между элементами для трех заданных размеров экрана.

В этом проекте я:

• Используемые семантические HTML-теги;

• Правильно использовали CSS-селекторы;

• Используемая модель блока HTML-элементов (поля, отступы, ширина, высота);

• Использованы стандартные инструменты (flexbox) для размещения элементов на странице;

• Созданы пользовательские интерфейсы, адаптируемые к экранам разных размеров с помощью медиа-запросов;

• Применены лучшие практики фронтенда;

• Использована CSS-сетка и флексбокс;

• Использовал SASS.

Что он делает

На этой странице показана поисковая система химической продукции в Бразилии.

Построен с

HTML, CSS и SASS.

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

Нажмите, чтобы открыть веб-страницу

Начиная

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

Автор

Мурило Роке Пайва да Силва

Github: @MuriloRoque

Твиттер: @MuriloRoquePai1

Linkedin: МурилоРоке

Содействие

Вклады, проблемы и пожелания приветствуются! Начните с:

• Форкирование проекта

• Клонирование проекта на ваш локальный компьютер

• cd в каталог проекта

• Запустите git checkout -b your-branch-name

• Внесите свой вклад

• Отправьте свою ветку в раздвоенный репозиторий.

• Откройте запрос на включение с подробным описанием в ветку разработки исходного проекта для проверки.

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

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

Благодарности

• Оригинальный дизайн принадлежит Мэтью Ньюгуна, Сэму Ачоле и Кевину Мутуа.

Лицензия

• Оригинальный дизайн распространяется по лицензии Creative Commons 4.0.