Installation Guide – competitioneducation.com

Bank Exam App – Installation Guide

Where to host and how to install your Bank Exam Preparation App

Where to Host the Installation Guide

The Installation Guide should be hosted in the same location as your Bank Exam App. Here are the recommended options:

On Your Web Hosting

Upload the HTML file to your web hosting account (Hostinger). Place it in the same directory as your main app.

public_html/
├── index.html (main app)
├── installation-guide.html
└── assets/ (CSS, JS, images)

As a Separate Page

You can add the installation guide as a separate page on your WordPress site using a custom HTML block.

WordPress Page:
“Bank Exam App Installation Guide”

Cloud Storage

As a backup, you can store the file on cloud services like Google Drive or Dropbox and share the link with users.

Cloud Storage:
Bank_Exam_App/
├── app.html
└── installation-guide.html

Recommendation: Host the installation guide on your main website (competitioneducation.com) as a dedicated page for easy access.

How Users Install the App

Access the App

Users visit your website URL: https://competitioneducation.com/

Try Free Content

They can immediately try the free papers (Paper 1 of each subject) without any installation or payment.

Install the App (Optional)

For better experience, users can install the app:

On Desktop: Click the “Install” button in the browser’s address bar
On Mobile: Use the “Add to Home Screen” option in the browser menu

Payment for Full Access

If users want to access all papers,they make a payment of ₹2000 via PhonePe or card.

Access All Content

After payment confirmation, users get full access to all papers. Progress is saved across devices.

Technical Implementation

File Structure on Your Hosting

For optimal performance, organize your files as follows:

public_html/
├── index.html (main app file)
├── install.html (installation guide)
├── manifest.json (PWA configuration)
├── service-worker.js (PWA functionality)
├── images/
│ ├── icon-192.png
│ ├── icon-512.png
│ └── qr-code.png
└── css/
└── style.css

User Data Storage

The app uses browser localStorage to save user progress and payment status. No server-side database is required for basic functionality.

Payment Verification System

When a user makes a payment, they need to send payment details to your WhatsApp number. You then manually activate their account by updating their localStorage status.

Frequently Asked Questions

Where should I host the main app?

The main app should be hosted on your primary domain (competitioneducation.com) as the index.html file for easy access.

Can users install before payment?

Yes, users can install the app before payment. The installation is free, and they can try the first paper of each subject without payment.

How do I update the app?

Simply upload the updated HTML file to your hosting. Users will automatically get the latest version when they refresh.

What if a user changes devices?

Since data is stored in browser localStorage, users need to use the same browser on the new device. For cross-device sync, you would need to implement a server-based solution.