diff --git a/Shop/img/default.jpg b/Shop/img/default.jpg
new file mode 100644
index 0000000..af3ffa7
Binary files /dev/null and b/Shop/img/default.jpg differ
diff --git a/Shop/index.html b/Shop/index.html
new file mode 100644
index 0000000..82197a4
--- /dev/null
+++ b/Shop/index.html
@@ -0,0 +1,19 @@
+
+
+
+
+ Интернет-магазин
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Shop/js/Hamburger.js b/Shop/js/Hamburger.js
new file mode 100644
index 0000000..06eaa90
--- /dev/null
+++ b/Shop/js/Hamburger.js
@@ -0,0 +1,69 @@
+const data = {
+ size : [{size: 'big' , price: 100 , cal: 40 },
+ {size: 'small' , price: 50, cal: 20}],
+ top : [{top : 'cheese' , price : 10, cal:20},
+ {top : 'potatos' , price : 15, cal:10},
+ {top : 'vegetables' , price : 20, cal:5}],
+
+ addition : [{addition : 'spices' , price : 15, cal:10},
+ {addition : 'mayonaise' , price : 20, cal:5}]
+};
+
+class Hamburger {
+ constructor(size, stuffing) {
+ this.calories = 0;
+ this.price = 0;
+ this.#addSize(size);
+ this.#addTop(stuffing);
+ }
+
+ #addSize(size) {
+ data.size.forEach(element => {
+ if (element.size == size) {
+ this.addToPrice(element.price);
+ this.addToCalories(element.cal);
+ }
+ });
+ }
+
+ #addTop(top) {
+ data.top.forEach(element => {
+ if (element.top == top) {
+ this.addToPrice(element.price);
+ this.addToCalories(element.cal);
+ }
+ });
+ }
+
+ addAddition(addition) {
+ data.addition.forEach(element => {
+ if( element.addition == addition) {
+ this.addToPrice(element.price);
+ this.addToCalories(element.cal);
+ }
+ })
+ }
+
+ addToCalories(calories) {
+ this.calories += calories;
+ }
+
+ addToPrice(price) {
+ this.price += price;
+ }
+
+ getTotalPrice() {
+ console.log(this.price);
+ return this.price;
+ }
+
+ getCal() {
+ console.log(this.calories);
+ return this.calories;
+ }
+}
+
+let BigMac = new Hamburger('big', 'cheese');
+BigMac.addAddition('spices');
+BigMac.getTotalPrice();
+BigMac.getCal();
\ No newline at end of file
diff --git a/Shop/js/event-listeners.js b/Shop/js/event-listeners.js
new file mode 100644
index 0000000..5ad5a94
--- /dev/null
+++ b/Shop/js/event-listeners.js
@@ -0,0 +1,23 @@
+window.addEventListener('load', ()=> {
+
+
+ document.querySelector('.products').addEventListener('click', (event) => {
+ if (event.target.classList.contains('by-btn')) {
+ basket.addToBasket(event.target.id);
+ }
+ if (event.target.classList.contains('main-btn')) {
+ items.fetchGoods();
+ }
+ if (event.target.classList.contains('del-btn')) {
+ basket.removeFromBasket(event.target.id);
+ }
+ if (event.target.classList.contains('basket_by')) {
+ basket.buyItem(event.target.id);
+ }
+ });
+
+ document.querySelector('.btn-cart').addEventListener('click', () => {
+ basket.getBasketList();
+ })
+
+})
\ No newline at end of file
diff --git a/Shop/js/main.js b/Shop/js/main.js
new file mode 100644
index 0000000..476c4dd
--- /dev/null
+++ b/Shop/js/main.js
@@ -0,0 +1,169 @@
+const API = 'https://raw.githubusercontent.com/GeekBrainsTutorial/online-store-api/master/responses/'
+
+let getRequest = (jsonFile) => {
+
+ return new Promise((resolve, reject) => {
+
+ var xhr = new XMLHttpRequest();
+ xhr.open('GET', `${API}${jsonFile}`, true);
+
+ xhr.onreadystatechange = () => {
+ if (xhr.readyState === 4) {
+ if (xhr.status === 200) {
+ let response = JSON.parse(xhr.responseText);
+ resolve(response);
+ } else {
+ reject('Error');
+ }
+ }
+ }
+
+ xhr.send();
+
+ });
+}
+
+
+class Product {
+ constructor({ product_name,price,id_product}, img = 'img/default.jpg') {
+ this.name = product_name;
+ this.price = price;
+ this.id = id_product;
+ this.img = img;
+ }
+
+ renderProduct() {
+ return `
+
+
${this.name}
+
price - ${this.price}P
+
+
Всего в корзине ${this.basketList.countGoods} товара(ов)
`);
+ htmlProductList.insertAdjacentHTML('afterbegin' , `Полная цена - ${this.basketList.amount}P
`);
+ }
+
+ addToBasket(id) {
+
+ getRequest('addToBasket.json')
+ .then(data => {
+ if (data.result === 1) {
+ alert( 'Продукт успешно добавлен');
+ } else {
+ alert('error');
+ }
+ })
+ .catch( error => console.log(error));
+ }
+
+ removeFromBasket(id) {
+ getRequest('deleteFromBasket.json')
+ .then(data => {
+ if (data.result === 1) {
+ alert( 'Продукт успешно удален');
+ } else {
+ alert('error');
+ }
+ })
+ .catch( error => console.log(error));
+ }
+
+ buyItem(id) {
+ alert('Продукт куплен');
+ }
+
+}
+
+class BasketItem {
+
+ constructor({ product_name,price,id_product, quantity}, img = 'img/default.jpg') {
+ this.name = product_name;
+ this.price = price;
+ this.id = id_product;
+ this.quantity = quantity;
+ this.img = img;
+ }
+
+ getBasketItemPrice() {
+
+ }
+
+ renderBasketItem() {
+ return `
+
+
${this.name}
+
price - ${this.price}P
+
+
+