Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

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

pokemons shop vue vuejs2

Last synced: 13 days ago
JSON representation

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

Host: GitHub
URL: https://github.com/povar0305/pokemons-shop
Owner: povar0305
Created: 2023-03-04T10:53:57.000Z (almost 2 years ago)
Default Branch: main
Last Pushed: 2023-04-26T12:13:42.000Z (over 1 year ago)
Last Synced: 2024-11-02T22:42:17.401Z (2 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)