Similar presentations:
SmartAccess-Delivery
1.
S M A R T A C C E S S/
2 0 2 6
SmartAccess
Delivery
Система доступа курьеров в подъезд по QR-кодам
Node.js · Express · PostgreSQL · Socket.IO · React Native
Презентация проекта · 5 слайдов
2.
01 — ЗАДАЧАЧто решает проект
QR-доступ
Курьерам сложно попасть в подъезд: домофон,
звонки жильцам, ожидание у двери. Жителям —
небезопасно открывать дверь незнакомцам.
Одноразовые коды,
валидация на сервере
Real-time
Решение
Житель оформляет ожидаемую посылку
Сервер генерирует одноразовый QR-код
Курьер сканирует QR — дверь открывается
События идут в real-time через Socket.IO
Socket.IO события
для жителя и курьера
Безопасность
JWT, роли,
ограниченный срок действия
3.
02 — АРХИТЕКТУРАСтек и устройство системы
Backend
База
Frontend
Mobile
Node.js · Express
Socket.IO · JWT
PostgreSQL
pg, миграции SQL
Vanilla JS
3 SPA · Three.js
React Native
Expo · WebView
Поток данных
Житель → API
›
API → QR-код
›
Курьер сканирует
›
Socket.IO событие
›
Доступ открыт
Express отдаёт SPA как статику; Socket.IO держит сокеты в server.js; pg-пул в config/database.js.
4.
03 — РОЛИТри интерфейса + мобильное
приложение
Администратор
Курьер
Житель
Управляет домами, квартирами,
жителями и курьерами. Видит
логи доступа.
Сканирует QR через jsQR, получает
доступ в подъезд, ведёт чат с
жителем.
Оформляет ожидаемые посылки,
получает QR для курьера, 3Dсцена на Three.js.
frontend/admin/
frontend/courier/
frontend/resident/
+ Mobile (React Native / Expo): HomeScreen, QRScannerScreen, WebViewScreen — мобильный клиент курьера.
5.
04 — ЗАПУСКСтруктура и развёртывание
backend/
Структура
репозитория
├ routes/
— API-роуты
├ controllers/
— бизнес-логика
├ services/
— QR-доступ
└ server.js
— Express + Socket.IO
database/
├ schema.sql · seed.sql
Команды запуска
Весь стек
Только backend
Накатить БД
./start.ps1
cd backend; npm run dev
npm run db:setup && db:seed
└ migration_*.sql
frontend/
├ admin · courier · resident
└ shared/utils/api.js
mobile/
└ React Native (Expo)
SmartAccess Delivery · Спасибо за внимание
Итог: рабочий MVP — backend, БД, 3 SPA и мобильный
клиент в одном репозитории.