Food Recipe App

Описание проекта:

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

Также развернутый веб-сайт можно посмотреть: Demo Live

В качестве источника данных был выбран бесплатный API - Edamam API.

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

Стек технологий:

• HTML
• CSS
• JS

Версия 1.0:

В данной версии сайта представлены изначальные цветовые решения и дизайн без учета адаптивности под различные мобильные устройства.

Версия 2.0:

В данной версии сайта были внесены следующие изменения:

• ✅ Изменение дизайна с монохромного на градиентный с использованием фонового изображения;
• ✅ Изменение размеров и расположения картинки блюда;
• ✅ Изменение положения кнопки для просмотра рецептов;
• ✅ Изменение начертания текста для описания блюда;
• ✅ Добавление иконок социальных соцсетей с возможность поделиться понравившимся рецептом;
• ✅ Адаптированность под различные мобильные устройства и планшеты.

Адаптивный дизайн для мобильных устройств и планшетов:

Iphone 12 Pro	Samsung Galaxy S8	Samsung Galaxy S20 Ultra	Blackberry Paybook	Ipad Air	Ipad Mini

Инструкции по использованию проекта:

Для того чтобы запустить проект необходимо:

• клонировать репозиторий: git clone https://github.com/GreyStone97/Food_Recipe.git или воспользовать fork и только потом клонировать разветвленный репозиторий;
• в зависимости от ОС:
  • Windows: перейти в папку с файлом index.html и запустить его в браузере;
  • Linux: воспользовать командами: $ open index.html или $ [browser name] index.html.