ia-stepanov / picture-art

Фронтенд проекта «Picture Art» — это интерактивный лендинг, на котором пользователи могут заказать портрет по фотографии, рассчитать стоимость и оставить данные для обратной связи. Stack: JavaScript, Промисы (Promise) и Rest API, Gulp.

Picture Art

Учебный проект из курса Практический JavaScript (Продвинутый уровень)

Автор курса: Иван Петриченко

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

КАРТИНЫ.ART — это интерактивный лендинг, на котором пользователи могут заказать портрет по фотографии, рассчитать стоимость и оставить данные для обратной связи.

Описание задачи:

• Техническое задание;
• Примечания:
  • JavaScript код должен быть нативным;
  • В консоли должны отсутствовать любые ошибки;
  • Названия всех переменных/классов не должны содержать кириллицу;
  • Итоговый вариант должен быть построен на модульной структуре;
  • Работоспособность во всех современных браузерах.

Функционал:

• Интерактивные формы для отправки данных;
• Анимированные слайдеры на странице;
• Всплывающие окна для заказа дизайна портрета;
• Калькулятор для расчета стоимости услуг;
• Drag & Drop для загрузки изображений.

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

• JavaScript:
  • Стиль CamelCase;
  • Установка и настройка библиотек;
  • Промисы (Promise) и Rest API;
  • Асинхронность и оптимизация;
• Gulp — сборщик проекта.

Установка и запуск проекта:

Клонировать репозиторий:

git clone https://github.com/ia-stepanov/picture-art.git

Установить зависимости:

npm install

Запустить проект:

npx gulp

Языки:

• JavaScript

Скриншот:

Развернуть

Ссылка на сайт:

https://ia-stepanov.github.io/picture-art/