https://github.com/povar0305/pokemons-shop

Магазин покемонов с элементами боя. Работа с открытым апи.
https://github.com/povar0305/pokemons-shop

pokemons shop vue vuejs2

Last synced: 5 months ago
JSON representation

Магазин покемонов с элементами боя. Работа с открытым апи.

• Host: GitHub
• URL: https://github.com/povar0305/pokemons-shop
• Owner: povar0305
• Created: 2023-03-04T10:53:57.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-04-26T12:13:42.000Z (over 2 years ago)
• Last Synced: 2025-04-07T12:49:52.631Z (8 months ago)
• Topics: pokemons, shop, vue, vuejs2
• Language: Vue
• Homepage:
• Size: 916 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## Функционал

* выгрузка покемонов с Апи

* выгрузка всех фотографий каждого покемона

* добавление и удаление покемонов в корзину

* выбор рандомного победителя

* повторный выбор победителя

* уведомления, если меньше 2х покемонов в корзине или корзина пуста

* вывод списка покемонов, которые уже выбраны

* возможность удаление покемонов прямо из корзины

## Зависимости: 

 * vue cli

 * node sass

 * scss-loader

 * axios

 * vuex

 * bootstrap - стили, сетка

 * iconify/vue2 - иконки

 * vue-carousel - карусель картинок у покемонов

 * vue-toastification - уведомления

 ## Api https://pokeapi.co/

 ## Скриншоты

### Десктоп

Шаг 1. Основной экран.

![image](https://user-images.githubusercontent.com/73982948/234093253-7013be5d-a0c7-4505-9f99-bb2a6fb81d85.png)

Шаг 1.1. Возможность листать фотографии покемонов.

![image](https://user-images.githubusercontent.com/73982948/234099408-9db395b1-76fd-4e7c-963d-90033fee9b30.png)

Шаг 2. Добавление покемонов в корзину для боя.

![image](https://user-images.githubusercontent.com/73982948/234093378-372ea1e6-68ff-4a4f-bc9c-65039a643327.png)

Шаг 3. Открытая корзина со списком покемонов.

![image](https://user-images.githubusercontent.com/73982948/234093607-109ac0ec-4b80-4504-82a9-2c9a8e9c5c90.png)

Шаг 3.1. Возможность удалить уже выбранного покемона из корзины. (Удалили charmeleon)

![image](https://user-images.githubusercontent.com/73982948/234093705-8e7fa424-e5c2-4c28-b13e-e179348afe1c.png)

Шаг 4. Выбор победителя.

![image](https://user-images.githubusercontent.com/73982948/234093773-98f99be0-7856-4910-a6b6-c3ccf3993e79.png)

Шаг 4.1 Уведомление, если меньше 2х покемонов в корзине.

![image](https://user-images.githubusercontent.com/73982948/234104243-93766d5c-16d2-4045-a72e-f4c617c424da.png)

Шаг 4.2. Возможность выбрать победителя заново.

![image](https://user-images.githubusercontent.com/73982948/234094023-49c862a5-420a-44c3-b473-f3eb942d4182.png)

### Планшет

Шаг 1. Основной экран.

![image](https://user-images.githubusercontent.com/73982948/234559944-ed9907a0-f981-4e8e-a61f-4746c1c94065.png)

Шаг 1.1. Возможность листать фотографии покемонов.

![image](https://user-images.githubusercontent.com/73982948/234560027-52e19100-a36a-4f74-86ff-520bd58e96a4.png)

Шаг 2. Добавление покемонов в корзину для боя.

![image](https://user-images.githubusercontent.com/73982948/234560214-df624b20-7388-4e3a-8d63-6b65e6aea956.png)

Шаг 3. Открытая корзина со списком покемонов.

![image](https://user-images.githubusercontent.com/73982948/234560275-4c921589-3906-4d82-9666-577664fb44e6.png)

Шаг 3.1. Возможность удалить уже выбранного покемона из корзины. (Удалили charmeleon)

![image](https://user-images.githubusercontent.com/73982948/234560326-56d5e32c-4748-49c1-b06b-9ae9870da203.png)

Шаг 4. Выбор победителя.

![image](https://user-images.githubusercontent.com/73982948/234560414-9a126bca-532c-4bb7-8995-a8b906d8deea.png)

Шаг 4.1 Уведомление, если меньше 2х покемонов в корзине.

![image](https://user-images.githubusercontent.com/73982948/234560490-e14b4ba1-4db4-42a6-91b2-d15349159a4e.png)

Шаг 4.2. Возможность выбрать победителя заново.

![image](https://user-images.githubusercontent.com/73982948/234560551-3ec4f4a1-43e9-40fb-8c3d-091bf7cf1933.png)

### Мобилка

Шаг 1. Основной экран.

![image](https://user-images.githubusercontent.com/73982948/234570254-303eb3c6-9fc6-4bee-83e9-05ee068600ea.png)

Шаг 1.1. Возможность листать фотографии покемонов.

![image](https://user-images.githubusercontent.com/73982948/234570365-1e8f2536-cabb-49d6-99fa-8d3332dc8e10.png)

Шаг 2. Добавление покемонов в корзину для боя.

![image](https://user-images.githubusercontent.com/73982948/234570453-80c3b894-22f5-4a98-9df8-7fdc5057a28e.png)

Шаг 3. Открытая корзина со списком покемонов.

![image](https://user-images.githubusercontent.com/73982948/234570546-a7e35649-60d4-4296-be03-58a406c8840e.png)

Шаг 3.1. Возможность удалить уже выбранного покемона из корзины. (Удалили charmeleon)

![image](https://user-images.githubusercontent.com/73982948/234570620-4038e0ce-c813-47a5-bd13-f21ec64329b8.png)

Шаг 4. Выбор победителя.

![image](https://user-images.githubusercontent.com/73982948/234570674-8e59083b-73e6-40aa-be0e-5e8b0ad63d54.png)

Шаг 4.1 Уведомление, если меньше 2х покемонов в корзине.

![image](https://user-images.githubusercontent.com/73982948/234570739-ce9252f0-c243-4340-975c-7ba5f6efbe53.png)

Шаг 4.2. Возможность выбрать победителя заново.

![image](https://user-images.githubusercontent.com/73982948/234570819-660dc298-3b15-4867-b000-40a4617396a7.png)