iamntg / wecat-pwa

Progressive Web App for tracking blood donation details

WeCAT PWA

Progressive Web App built for a non profit community called WeCAT used for tracking employee's blood donation details in an organization.

Live App [open it in mobile devices]

A progressive web app built using raw javascript. clearly no frameworks are used to build this

Main features of the app

• View list of all employees with their blood group and donation details

• Filter employees using blood group and their availablity

• Sort employees alphabetically and using availablity

• Click on the phone number on the employee card to open the dialer for call

• Information about the medicines in the WeCAT medikit

• List of WeCAT members

• WeCAT news feed (Coming Soon)

Add To Home Screen

Make the app work like native app by adding the app to home screen of the mobile device. you can do it from the options popover of the browser(top right) as shown below

App Preview

The app functionalities and preview shown below

PWA Checks

• - App Shell Architecture

• - Service Worker

• - Add to home screen, Splash screen, Browser mode etc,

• - Fallback when offline

• - Fetch API

• - Background sync

• - Web share

Lighthouse Audit Score

_{If you found a bug or some improvments, feel free to raise an issue!}