Skip to content

joyscript/DeliveryFood

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

DeliveryFood - training JS project

https://joyscript.github.io/DeliveryFood/dist/


Тренировочный проект JavaScript

Реализованы функции:

  • Авторизация пользователя с сохранением данных в localStorage.
  • Получение данных методом fetch из базы данных на сервисе firebase.
  • Рендер карточек ресторанов согласно полученным данным из БД.
  • Рендер карточек продуктов по клику на карточку ресторана, согласно полученным данным из БД.
  • Слайдер swiper.
  • Добавление продуктов в корзину товаров, рендер модального окна корзины, калькуляция общей стоимости, возможность увеличивать/уменьшать количество продуктов в модальном окне, возможность очистки корзины.
  • Введение реквизитов заказчика при оформлении заказа, рендер модального окна на основе данных в localStorage, возможность очистки формы, отправление данных о покупателе и заказанных продуктах на сервис jsonplaceholder.
  • Поиск-выделение искомых данных на главной странице.

Особенности:

  • Использование webpack
  • Использование модулей

JavaScript Training Project

Functions implemented:

  • User authorization with saving data in localStorage.
  • Getting data using the fetch method from the database on the firebase service.
  • Rendering of restaurant cards according to the data received from the database.
  • Rendering product cards by clicking on the restaurant card, according to the data received from the database.
  • Slider swiper.
  • Adding products to the shopping cart, rendering the cart modal window, calculating the total cost, the ability to increase / decrease the number of products in the modal window, the ability to clear the cart.
  • Entering customer details when placing an order, rendering a modal window based on data in localStorage, the ability to clear the form, sending data about the buyer and ordered products to the jsonplaceholder service.
  • Highlighting the searched data on the main page.

Features:

  • Using webpack
  • Using modules

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published