✨ GlassFund – Transparent Money Flow System

🌟 Inspirational Thought

"Money should not vanish into shadows—it should flow like glass:
clear, traceable, and trusted by all."

---

📌 What is GlassFund?

GlassFund isn’t just a project.
It’s a movement for transparency—a way to make every rupee, dollar, or euro visible, traceable, and accountable.

In today’s world, financial opacity fuels corruption, mistrust, and inefficiency.
GlassFund flips the script by ensuring that:

• Administrators manage budgets responsibly.
• Auditors verify without friction.
• The Public finally sees where their contributions go.

We believe that data is not just numbers—it’s trust.

---

🚀 Key Features (Why Judges Will Love It)

• 🎥 Immersive Experience – A homepage with a cinematic video background that conveys clarity.
• 🔒 Role-Based Transparency – Admin, Auditor, Public… each sees exactly what they need to.
• 📊 Smart Dashboard – For administrators to create budgets, add transactions, and visualize spending.
• 🔍 GlassFund View – For auditors and citizens, giving them read-only transparency in a simplified way.
• 📱 Universal Access – Responsive, accessible design that works across devices.

---

🌍 Why Does It Matter?

In every institution, the question isn’t “How much money do we have?”
The real question is: “Where did it go?”

GlassFund answers that question.

We humanized finance by making it:

• Clear: No jargon, just simple flows.
• Fair: Everyone sees the truth, not filtered reports.
• Future-Ready: Designed to scale into a real-world public finance tool.

This is not about code alone—
it’s about trust between people and institutions.

---

📂 Project Structure

/project-root │ ├── index.html # Homepage (GlassFund landing page)
├── login.html # Sign-in page
├── dashboard.html # Admin dashboard page
├── GlassFund.html # Auditor & Public fund tracking page
├── styles.css # (Optional) Shared CSS file
├── 0913.mp4 # Background video for homepage
└── README.md # Documentation

---

🔑 Login Credentials (Demo)

Use the following test credentials for role-based redirection:

Role	Username/Email	Password	Redirects To
Administrator	admin or admin@trueflow.com	admin123	dashboard.html
Auditor	auditor or auditor@trueflow.com	audit123	GlassFund.html
Public Viewer	viewer or viewer@trueflow.com	view123	GlassFund.html

---

📖 Pages Overview

🏠 Homepage (index.html)

• Hero section with tagline
• Navigation bar with links to:
  • Home
  • Features
  • Sign-In / Sign-Up
  • Dashboard
• Button: Start Tracking → links to dashboard.html

🔐 Login Page (login.html)

• Clean login form with email + password fields
• Supports role-based redirection after login
• Error handling with "shake" animation for invalid inputs

📊 Dashboard (dashboard.html)

• Allows admins to:
  • Create and manage budgets
  • Track total, spent, and remaining funds
  • Add transactions with date, department/project/vendor
  • Visualize fund flow distribution

🔎 GlassFund Page (GlassFund.html)

• Read-only fund distribution view for auditors and the public
• Ensures transparency and traceability

---

⚡ How to Run

1. Clone or download the project folder.
2. Open index.html in your browser.
3. Navigate using the navbar or login to access role-specific pages.

---

📬 Support

For queries, reach out to: GlassFund@gmail.com

---

🛠️ Future Improvements

• Backend integration with database (MySQL / MongoDB)
• Real-time transaction logging
• Secure authentication system
• Graphical fund distribution visualization (charts)