Book Store

1.

BOOK STORE

2.

Страницы
интернет магазина:
• главная
• страница товара
• корзина
• страница админа
• страница 404

3.

Карточка товара в минималистичном стиле.
Адаптированная под различные форматы
Изображений.

4.

Выбор валюты для отображения цены доступен с любой
Страницы приложения

5.

Выбор валюты для отображения цены доступен с любой
Страницы приложения
Приложение адаптируется под предпочтения
пользователя. При первом запуске приложения
определяется пользовательская тема.

6.

Выбор валюты для отображения цены доступен с любой
Страницы приложения
Приложение адаптируется под предпочтения
пользователя. При первом запуске приложения
определяется пользовательская тема.
В приложении доступен быстрый поиск по товарам. (По
полю названия)

7.

Выбор валюты для отображения цены доступен с любой
Страницы приложения
Приложение адаптируется под предпочтения
пользователя. При первом запуске приложения
определяется пользовательская тема.
В приложении доступен быстрый поиск по товарам. (По
полю названия)
Кнопки навигации между основными страницами
приложения:
• Гласная страница
• Страница администрирования приложения
• Корзина

8.

По опросам 80% пользователей отмечает, что они не дочитывают
или вообще не начинают читать большие описания товаров.
Наше решение отвечает потребностям современных пользователей…

9.

Яркая обложка привлекает внимание

10.

Яркая обложка привлекает внимание
Короткая цитата из предлагаемой книги

11.

Яркая обложка привлекает внимание
Короткая цитата из предлагаемой книги
Рейтинг для каждой книги

12.

Яркая обложка привлекает внимание
Короткая цитата из предлагаемой книги
Рейтинг для каждой книги
Возможность прочесть
или
Оставить отзыв о понравившейся книге

13.

Все это формирует лаконичный
и легко воспринимаемый
… продукта

14.

Адаптация под любые устройства

15.

Удобный интерфейс корзины.
Каждый добавленный товар, выделен в отдельную строку.
С возможностью управления количеством, а также удаления из корзины.

16.

Удобный интерфейс корзины.
Каждый добавленный товар, выделен в
отдельную строку.
С возможностью управления количеством,
а также удаления из корзины.
Сумма общей стоимости реактивно обновляется при каждом действии пользователя.

17.

Удобный интерфейс корзины.
Каждый добавленный товар, выделен в
отдельную строку.
С возможностью управления количеством,
а также удаления из корзины.
Сумма общей стоимости реактивно
обновляется при каждом действии
пользователя.
После подтверждения списка и количества товаров.
Пользователь переходит к форме оформления заказа,
Где указывает свои контактные данные.
Все поля проходят валидацию. Заказ можно оформить только если все поля валидны.

18.

Удобный интерфейс корзины.
Каждый добавленный товар, выделен в
отдельную строку.
С возможностью управления количеством,
а также удаления из корзины.
Сумма общей стоимости реактивно
обновляется при каждом действии
пользователя.
После подтверждения списка и количества товаров.
Пользователь переходит к форме оформления заказа,
Где указывает свои контактные данные.
Все поля проходят валидацию. Заказ можно оформить только если все поля валидны.

19.

После отправки заказа :
Пользователь увидит на странице
подтверждение об успешной отправке
заказа. (или сообщение об ошибке)
Администратор получит сообщение
о новом заказе.
С подробной информацией о
заказе и контактными данными
покупателя.

20.

Страница администратора:
• Реализована возможность добавления и
редактирования товаров.
МОДАЛЬНОЕ ОКНО ДЛЯ
ДОБАВЛЕНИЯ/РЕДАКТИРОВ
АНИЯ КНИГ

21.

Реализована возможность добавления
Страница администратора:
и редактирования товаров.
• В блоке статистики можно отслеживать основные показатели
приложения и активности пользователей

22.

Реализована возможность добавления
Страница администратора:
и редактирования товаров.
В блоке статистики можно отслеживать основные
показатели приложения и активности пользователей
Блок управления всеми товарами.
Возможности:
- добавить новый товар
- отредактировать уде добавленный
- подписаться на получение уведомлений о новых
заказах. (после подписки кнопка подписки становится
недоступной)

23.

ИНСТРУМЕНТЫ ДЛЯ
НАПИСАНИЯ ПРОЕКТА

24.

Приложение
CSS
8.8%
Сервер
Other
0.1%
Other
0.3%
JavaScript
21%
HTML
28.4%
TypeScript
62.5%
HTML
78.9%
161 ФАЙЛ:
• TypeScript 110
• HTML 29
• CSS 22
11 ФАЙЛОВ:
• JavaScript 10
• HTML 1

25.

НАША КОМАНДА
Валерий
Скляров
Станислав
Кузин
Выпускник STEP
IT Academy
Выпускник STEP
IT Academy