https://github.com/codewithdhruba01/fportalcollege
College Fee Payment Portal
https://github.com/codewithdhruba01/fportalcollege
Last synced: 10 months ago
JSON representation
College Fee Payment Portal
- Host: GitHub
- URL: https://github.com/codewithdhruba01/fportalcollege
- Owner: codewithdhruba01
- License: mit
- Created: 2025-05-15T17:55:53.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-07-06T12:49:22.000Z (11 months ago)
- Last Synced: 2025-07-28T23:55:50.168Z (10 months ago)
- Language: HTML
- Homepage: https://codewithdhruba01.github.io/fPortalcollege/
- Size: 276 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 📘 College Fee Payment Portal
This is a simple and responsive **College Fee Payment Portal** built using **HTML, CSS, and JavaScript**. The portal allows students to check their exam fee status by entering their Roll Number, which is matched against data from a connected **Google Sheet**.
---
### 🚀 Features
* Search by Roll Number to view:
* Student Name
* Exam Name
* Fee Amount
* Payment Status (Paid/Unpaid)
* Option to "Proceed to Pay" if the fee is unpaid
* Fully responsive design (mobile-friendly)
* Connected to a live Google Sheet for dynamic data fetch
---
### 🛠️ Tech Stack
* **HTML5** – Markup structure
* **CSS3** – Styling and responsiveness
* **JavaScript** – Dynamic data fetch and UI logic
* **Google Sheets** – Backend data source using Google Sheets API (GViz)
---
### 📂 How It Works
1. User enters their **Roll Number**.
2. JavaScript fetches data from a **public Google Sheet** in JSON format.
3. The result (Name, Exam, Amount, Status) is shown dynamically.
4. If the fee is **Unpaid**, a **"Proceed to Pay"** button is shown.
---
### Setup Instructions
1. Clone the repository:
```bash
git clone https://github.com/yourusername/college-fee-portal.git
cd college-fee-portal
```