All projectsActive Service

ВКИ НГУ (PWA)

Schedule and Student Hub for VKI NSU College

ВКИ НГУ (PWA) скриншот 1ВКИ НГУ (PWA) скриншот 2ВКИ НГУ (PWA) скриншот 3ВКИ НГУ (PWA) скриншот 4ВКИ НГУ (PWA) скриншот 5
1 / 5
Моя рольCreator & Fullstack Developer
Период2025 – наст. время
Категории
PWAFastAPIOffline-First

О проекте и концепция

VKI NSU PWA is a high-speed mobile web application and Telegram Mini App built for students and faculty at VKI NSU. It resolves legacy schedule accessibility issues, operates fully offline via Service Workers, and adapts seamlessly across native devices.

Ключевые возможности

  • Frontend built with React 19, Vite 6, SCSS, PWA (vite-plugin-pwa), and Lottie animations
  • High-performance async Python & FastAPI backend with Tortoise ORM and PostgreSQL
  • Offline-first schedule access via Service Workers and Cache Storage
  • Native VAPID Web Push notifications and automatic schedule parser for groups and faculty

Инженерные вызовы и решения

Parsing Unstable Timetable File Structures

Сложность / Проблема

Source university schedule files feature broken grid structures, merged rows, and inconsistent teacher formatting.

Решение

Developed a robust Python parser utilizing pandas, openpyxl, and pymupdf to sanitize strings via regular expressions.

Zero-Connectivity Operation in Basement Classrooms

Сложность / Проблема

Students frequently inspect schedules inside basement classrooms where cellular connection is fully unavailable.

Решение

Integrated Service Workers running a Stale-While-Revalidate caching strategy to persist API responses locally.

Real-time Schedule Update Dissemination

Сложность / Проблема

Students miss last-minute room changes and cancellations due to the manual overhead of checking the college site.

Решение

Built a background subscription microservice delivering instant Web Push alerts (VAPID) on parsed modifications.

Выводы и вынесенный опыт

  • PWAs are exceptionally well-suited for high-frequency utility apps.
  • An offline-first mindset dramatically boosts user satisfaction in mobile web apps.

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

React 19TypeScriptVitePWA (vite-plugin-pwa)SCSSRedux ToolkitReact Router v7FastAPIPythonTortoise ORMPostgreSQLWeb Push APILottieVitest