Script-panel

Административная панель управления е-commerce магазином в телеграм.

Перейти к приложению по ссылке Script-Panel.

Навигация

• О проекте
• Сценарии
• Использованные технологии
• Реализованные возможности
• Скриншоты
• Как это использовать
• Статус проекта
• Контакты

О проекте

Первоначальной идеей, обуславливающей разработку данного проекта, было создание Web-App приложения для Телеграм

В качестве Web приложения был выбран e-commerce online shop, так как, на данный момент, ниша интернет магазинов в TG полностью свободна.
Для управления магазином, очевидно, нужна была административная панель, что и послужило причиной разработки данного продукта

Комментарии к проекту

• Проект выполнен на React с необходимым дополнительным окружением
• Выполнен деплой проекта на VPS
• Применен CI/CD с использованием GitHub workflows с автоматическим запуском тестов и деплоем на VPS. Flow деплоя описан в Repo
• В качестве средства доставки приложения используется Docker контейнер
• Статика приложения раздается с помощью nginx
• Для сохранения консистентности кода применены линтеры Prettier & EsLint

Сценарии

• предприниматель (далее user), желающий открыть магазин в телеграм, обращается к поставщику данного продукта и приобретает бота
• под user создается сам бот и аккаунт для доступа к данной административной панели
• user имеет возможность зайти под своими кредами и управлять товарами в своем магазине

Telegram Bot не входит рамки данного проекта, но вы можете перейти и ознакомиться с ним

к репозиторию на github Repo.

к боту в телеграм Bot.

Использованные технологии

• React
• Typescript
• Material UI
• Redux
• Saga
• Feature Sliced Design
• Formik
• Docker
• nginx
• Prettier
• EsLint
• Axios

Реализованные возможности

• Регистрация и авторизация новых пользователей
• Управление цветовой темой приложения
• Редактирование данных пользователя
• Просмотр списка всех товаров магазина
• Создание/редактирование/удаление товаров каждым пользователем

Скриншоты

Как это использовать

На данный момент реализована возможность управления одним ботом через пользователя script696

• Откройте бота в Телеграм по ссылке Bot
• В чате вы увидите появившееся сообщение с двумя кнопками - 'Open Shop' и 'Open Dashboard'
• Нажмите на кнопку 'Open Shop' - откроется демо версия магазина Script Shop
• Нажмите на правую кнопку 'Open Dashboard' и перейдите к админ панели
• На странице логина при нажатии на кнопку 'Login' выполнится редирект на страницу панели
• Попробуйте добавить свой товар или отредактировать существующие
• Обновите магазин в Телеграм нажав на три точки в правом верхнем углу и вы увидите внесенные изменения

Пожалуйста, не удаляйте все товары и ведите себя хорошо =)

Приложения админ панели и бота находятся в разработке, какой-то функционал может не работать или присутствовать различные баги

Напишите мне, если найдете один из них, спасибо!

Статус проекта

В разработке

Контакты

Если вам понравился мой проект и вы хотели бы принять участие в его разработке/ у вас есть идеи по улучшению или хотели бы принять участие в тестировании как пользователь,/ пожалуйста, свяжитесь со мной в Telegram