An open API service indexing awesome lists of open source software.

https://github.com/itmtm/project_windows

Project_windows
https://github.com/itmtm/project_windows

ajax animation async-await es6 es6-modules es7 es7-async fetch-api forms gulp gulp-tasks js modal-windows scroll timer webpack

Last synced: about 1 year ago
JSON representation

Project_windows

Awesome Lists containing this project

README

          

PROJECT: Windows

![Screenshot_1](https://github.com/ITmTm/Project_windows/assets/98873757/c56e51cc-f8b7-47e4-b87d-fcf5efcc263b)

  • Сборка проекта gulp + webpack;

  • Реализация показа модльных окон;

  • Работа с табами + добавление простой анимации между переключениями;

  • Отправка формы заявки AJAX с применением Fetch API с (async/await стандарта ES7);

  • Калькуляция формы:

  • - Выбор формы балкона;


    - Указание размеров и валидация инпутов(ввод только числовое значение), а также их очистка;


    - При попытке кликнуть "далее" вызов alert c подсказкой о необходисмости заполнить необходиые поля;


    - Следующее модальное окно тип остекления и его профиль, аналогично вышеописанного;


    - 3-е мадальное окно непосредственно сама основная форма с именем и номером телефона, после их заполнения появляется CssText благодарности, форма закрывается, поля очищаются.



  • Реализация таймера(deadline):

  • - Если время акции подходит к 0, таймер останавливается, в минус не уходит.



  • Реализация модуля показа картинок в разделе "Наши работы";

  • - При клике на картинку появляется эффект ее увеличения;



    - Закрытие происходит кликом в любую облась бэкграунда а так же по клавиши Escape.
  • Улучшение поведения overflow, при вызове модальных окон, компенсация вертикального скролла за счет marginRight(Окно не скачет);
  • Папка dist версия prod(Все файлы минимизированны)