Онлайн магазин для Телеграм.
Откройте магазин по ссылке Script Shop.
- О проекте
- Сценарии
- Использованные технологии
- Реализованные возможности
- Скриншоты
- Как это использовать
- Статус проекта
- Контакты
Первоначальной идеей, обуславливающей разработку данного проекта, было создание Web-App приложения для Телеграм
В качестве Web приложения был выбран e-commerce online shop, так как, на данный момент, ниша интернет магазинов в TG полностью свободна.\
- Проект выполнен на React с необходимым дополнительным окружением
- Выполнен деплой проекта на VPS
- Применен CI/CD с использованием GitHub workflows с автоматическим запуском тестов и деплоем на VPS. Flow деплоя описан в Repo
- В качестве средства доставки приложения используется Docker контейнер
- Статика приложения раздается с помощью nginx
- Для сохранения консистентности кода применены линтеры Prettier & EsLint
- предприниматель (далее user), желающий открыть магазин в телеграм, обращается к поставщику данного продукта и приобретает бота
- под user создается сам бот и аккаунт для доступа к данной административной панели
- user имеет возможность зайти под своими кредами и управлять товарами в своем магазине
Панель управления не входит рамки данного проекта, но вы можете перейти и ознакомиться с ней
к репозиторию на github Repo.
к боту в телеграм Bot.
- React
- Typescript
- Telegram Web App Api
- SCSS
- Redux Toolkit
- redux Toolkit Query
- Feature Sliced Design
- Docker
- nginx
- Prettier
- EsLint
- Просмотр всех товаров магазина
- Просмотр отдельного товара
- Добавление товаров в корзину
- Просмотр товаров в корзине
- Откройте бота в Телеграм по ссылке Bot
- В чате вы увидите появившееся сообщение с двумя кнопками - 'Open Shop' и 'Open Dashboard'
- Нажмите на кнопку 'Open Shop' - откроется демо версия магазина Script Shop
- Нажмите на правую кнопку 'Open Dashboard' и перейдите к админ панели
- На странице логина при нажатии на кнопку 'Login' выполнится редирект на страницу панели
- Попробуйте добавить свой товар или отредактировать существующие
- Обновите магазин в Телеграм нажав на три точки в правом верхнем углу и вы увидите внесенные изменения
Пожалуйста, не удаляйте все товары и ведите себя хорошо =)
Приложения админ панели и бота находятся в разработке, какой-то функционал может не работать или присутствовать различные баги
Напишите мне, если найдете один из них, спасибо!
В разработке
Если вам понравился мой проект и вы хотели бы принять участие в его разработке/ у вас есть идеи по улучшению или хотели бы принять участие в тестировании как пользователь,/ пожалуйста, свяжитесь со мной в Telegram