https://github.com/bipul-roni/billpayments
https://github.com/bipul-roni/billpayments
Last synced: 11 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/bipul-roni/billpayments
- Owner: Bipul-Roni
- Created: 2025-07-01T09:00:43.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-07-01T09:22:35.000Z (12 months ago)
- Last Synced: 2025-07-01T10:33:48.737Z (12 months ago)
- Language: JavaScript
- Size: 363 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 💸 Bill Payment Web App (Assignment 9) — Bipul Roni
A simple and functional bill payment system built with **React + Vite**, powered by **Firebase Authentication** and **localStorage-based** bill management.
This is a submission for Programming Hero Assignment 9.
---
## 🌐 Live Website
👉 [Visit Live App](https://gilded-dieffenbachia-eb7d45.netlify.app/)
_Replace this with your actual Netlify/Vercel link._
---
## 🚀 Key Features
- 🔐 **User Authentication** (Register, Login, Logout, Google Login)
- 🔁 **Forgot Password** – Reset via email
- 💳 **Bill Listing** – Pull from static `JSON`
- 🧾 **Bill Details Page** – Shows all bill info with payment option
- 🏦 **Balance Deduction** – Simulated wallet balance updated in context
- ✅ **Paid Bills Status** – Tracked using `localStorage`
- 🔍 **Filter by Bill Type** – Dropdown to filter electricity, gas, water, etc.
- 🎨 **Responsive UI** – Clean TailwindCSS-based layout
- 📦 **Data Persistence** – Paid bills are remembered via localStorage
---
## 🧰 Tech Stack & Packages Used
- `React`
- `Vite`
- `react-router-dom`
- `firebase`
- `react-toastify`
- `tailwindcss`
- `eslint` (basic setup from Vite)
---
## 🛠️ How to Run Locally
```bash
git clone https://github.com/programming-hero-web-course1/b11a9-react-authentication-Bipul-Roni.git
cd bill-payment
npm install
npm run dev