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

• Host: GitHub
• URL: https://github.com/itmtm/project_windows
• Owner: ITmTm
• Created: 2023-09-17T13:11:12.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-09-21T06:37:43.000Z (over 2 years ago)
• Last Synced: 2025-01-12T17:30:38.640Z (about 1 year ago)
• Topics: ajax, animation, async-await, es6, es6-modules, es7, es7-async, fetch-api, forms, gulp, gulp-tasks, js, modal-windows, scroll, timer, webpack
• Language: JavaScript
• Homepage: https://itmtm.github.io/Project_windows/
• Size: 3.73 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

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(Все файлы минимизированны)