Skip to content

Expense Tracker React.js Progressive Web App ( PWA ) using Typescropt and Firebse Push Notificaions

Notifications You must be signed in to change notification settings

saadusufzai/Expense-Tracker-React-App-TypeScript-PWA-Push-Notificaions

Repository files navigation

Expense Tracker | React-App using TypeScript | PWA | Push-Notificaions

Expense tracker ask for your income and expences and measure your monthly or yearly expence/income. 

This expense tracker is a React base web app developed using typescript. This is a progressive web app and has the capability to be insstalled on a desktop andd be used as a desktop app or Android, IOS, Windows or Samsung store.

PWA (Progressive Web App)

This is a PWA means you can install it on your desktop and use it as a desktop applicaion. It got ofline support and if you want you can convert this app to a Android App, Apple App and Windows App

surge link

Will update soon

Surge link will not work as The FCM (Firebase Cloud Messaging) SDK is supported only in pages served over HTTPS. This is due to its use of service workers, which are available only on HTTPS sites.

This is the reason I am using netlify and firebase hosting. you can use one of them.

Netlify Link

Will update soon

Firebase Hosted App Link

Will update soon

Android App, Apple App and Windows App

To make an Android App, Apple App or a Windows App I am serving my quiz app to Netlify ( to get benifit of HTTPS ) as it is essential for a PWA to be served on HTTPS rather then HTTP

PWA Builder

I am using PWA builder to build Android App, Apple App and Windows App

Made using

React Typescript Cloud Messaging Firebase Hosting Netlify PWA Builder

Tools

Node.js Firebase Cloud Messaging Firebase Hosting Visual Studio Code Netlify

Open Source

This is an open source project. Feel free to make changes or add new features and build this app in your style.

Android APK

I do not have a Play Store Account yet so I have added th apk file in a folder in my repo. if you are interested in checking it out feel free to do that. The file is totally safe so Dont Worry

About

Expense Tracker React.js Progressive Web App ( PWA ) using Typescropt and Firebse Push Notificaions

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published