https://github.com/itmtm/project-food

https://itmtm.github.io/project-food/
https://github.com/itmtm/project-food

async-await axios cookie es6-modules fetch-api javascript localstorage promise webpack

Last synced: about 2 months ago
JSON representation

https://itmtm.github.io/project-food/

• Host: GitHub
• URL: https://github.com/itmtm/project-food
• Owner: ITmTm
• Created: 2022-08-24T15:32:16.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2023-05-27T11:19:31.000Z (about 3 years ago)
• Last Synced: 2025-01-12T17:30:30.506Z (over 1 year ago)
• Topics: async-await, axios, cookie, es6-modules, fetch-api, javascript, localstorage, promise, webpack
• Language: JavaScript
• Homepage:
• Size: 17.2 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
 Project: food 




![Screenshot_6](https://user-images.githubusercontent.com/98873757/200252295-33609b2e-3e28-4cf0-9409-c8d95a9a61a6.png)

Десктопная версия

Функционал:

 Модальные окна; 

Закрытие нажатием клавиши ESC и при клике в любую область подложки; 

 Кликабельность табов; 

 Валидация форм; 

 Слайдер с кликабельными индикаторами; 

 Калькулятор калории с динамическим расчетом; 

 Меню с карточками; 

 Deadline; 

 Модальное окно при скролинге в конце сайта; 

 Уведомление о использований на сайте Cookie; 




Used:



ClassList и делегирование событий;



setTimeout и setInterval;

Работа с датами;



JSON формат передачи данных, глубокое клонирование объектов;

AJAX и общение с сервером;

Реализация скрипта отправки данных на сервер (разворачивал в OpenServer);



Красивое оповещение пользователя;

Promise (ES6) и Fetch API;

Получение данных с сервера. Async, Await (ES8);

Библиотека axios;

ES6 Modules;



Babel, Core.js и полифиллы;





Webpack. Сборка проекта.