🚍 JATRA.PAY

Cashless Public Transport Fare Payment — Simple. Fast. Efficient. A static web-based demo showcasing how commuters can pay transport fares digitally using a minimal, user-friendly interface.

---

🔗 Live Demo

https://rehnuma14.github.io/jatra-pay/

---

📌 Overview

JATRA.PAY is a prototype UI for a modern, cashless fare payment system designed to simplify public transport transactions. The project demonstrates clean UI/UX, dark/light theme support, and structured page navigation — all built using HTML, CSS, and JavaScript only.

This is a static showcase, intended for concept presentation and front-end demonstration.

---

📂 Folder Structure

index.html
html/
  ├─ dash.html
  ├─ notif.html
  ├─ report.html
  ├─ set.html
  ├─ abt.html
  ├─ login.html
  └─ regis.html
css/
  ├─ dash.css
  ├─ home.css
  ├─ report.css
  ├─ notif.css
  ├─ set.css
  └─ ...
js/
  ├─ dash.js
  ├─ home.js
  ├─ notif.js
  ├─ report.js
  └─ ...
img/
  └─ all images & icons

---

✨ Features

🔹 User Interface

• Clean layout with sidebar navigation
• Dashboard with quick stats and shortcuts
• Notification & report pages
• Settings panel with theme controls
• Login and registration mock pages

🔹 Dark / Light Theme Support

• Single toggle button for theme switching
• Settings stored in localStorage
• CSS variables (:root) and .dark-theme-variables used for theme styles

🔹 Static but Functional UX

• Sidebar open/close animation
• Button interactions
• Basic page-specific behaviors (JS)

---

🛠️ Technologies Used

• HTML5
• CSS3 (variables, flexbox, layout)
• JavaScript (theme handling, sidebar, page UX)
• Google Fonts & Icons

---

🚀 Run Locally (Quick Start)

1. Download or clone the repository
2. Open the project folder
3. Double-click index.html
4. The site will open in your browser — no installation needed

✔ No Node ✔ No build tools ✔ 100% static site