Skip to main content
All Projects
Loading preview…
EchGram
PWA & Electron Study · Live DemoUI & Architecture Study2026

EchGram

An Instagram-inspired social platform prototype exploring multi-target packaging—running both as an installable Progressive Web App and as a cross-platform Electron desktop build.

Practice social media UI & cross-platform packaging project inspired by Instagram.

Key Capabilities

  • Stories bar powered by Swiper, interactive post feed, suggested accounts panel, and QR sharing.
  • Dual Web PWA + Electron desktop build setup.

Technical Architecture

  • Vue.js + TypeScript + Vuex + Vue Router.
  • Electron packaging configured via `vue-cli-plugin-electron-builder` (`electron:serve` / `electron:build`).
  • PWA manifest, icons, and service worker registration via `@vue/cli-plugin-pwa`.

Technologies

Vue.jsTypeScriptElectronPWAVuexSwiper