saadusufzai/quiz-app-with-firebase-notifications

Quiz App with Node React Typescript PWA and Firebase Push Notifications

Quiz App | Using React and type script | Firebase Push Notifications | PWA

This quiz app gets quiz from a very popular quiz api . Test you knowledge and skills using QUIZ APP developed by me. share your results lets see who can score 100% Process:

1. Open the link below.
2. Select a category.
3. Select no of questions you want to attempt
4. Select difficulty level and go for it.

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

SURGE LINK: http://quiz-app-pwa-by-saad.surge.sh/

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

https://pwa-quiz-app-by-saad.netlify.app/

Firebase Hosted App Link

https://quiz-app-push-notificati-10d11.firebaseapp.com/

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 opentdb QUIZ API 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