Welcome to
"pwa gram"

PWAGram is a Progressive Web App for posting selfies or images, with offline functionality, push notifications, and native-like installability.

  • background-synchronization
  • caching-strategies
  • css
  • http-server
  • idb
  • indexeddb
  • javascript
  • manifest
  • material-design
  • mobile-features
  • offline-support
  • push-notifications
  • pwa
  • pwa-apps
  • service-worker
  • supabase
  • supabase-edge-functions
  • vercel
  • workbox
Created at:
Last update:

PWAGram

App Icon

PWAGram is a Progressive Web App (PWA) where users can post selfies or upload images from their device and share them. Users can easily install this web app and use it just like a native application. The main focus of PWAGram is the PWA functionality itself, not design patterns, UI, or UX.

Features

  • Post Images: Take a selfie or upload an image from your device and post it.
  • Offline Support: The app works even without an internet connection using caching strategies.
  • Installable PWA: Users can install PWAGram on their device for a native-like experience.
  • Background Synchronization: Ensure posts are uploaded even when the app is offline temporarily.
  • Push Notifications: Users receive updates and notifications in real-time.

Technologies Used

JavaScript CSS3 PWA IndexedDB Supabase Vercel

PWA Feature Badges

Service Worker Workbox Offline Support Background Sync

Installation

  1. Clone the repository:

    git clone https://github.com/yourusername/pwa-gram.git
    cd pwa-gram
  2. Install dependencies:

    npm install
  3. Start the development server:

    npm start
  4. Build for production:

    npm run build

Live Demo

Check out the live version here: PWAGram on Vercel

Contributing

Contributions are welcome. Feel free to submit a pull request or open an issue to discuss new features or bug fixes.