Bill's Buddy is a React-based bill management platform that helps users track, calculate, and manage their bills effortlessly. Using localStorage, the app tracks which bills are paid or unpaid and updates dynamically. It offers a smooth and intuitive experience powered by React Router and modern UI tools.
Bill's Buddy simplifies bill management by allowing users to mark bills as paid/unpaid, and the app remembers the status using the browser’s localStorage. It also performs automatic calculations to show totals and summaries. The interface is sleek, responsive, and interactive—perfect for users managing monthly expenses, utilities, and more.
(Replace the image URL above with a real screenshot if available)
- Frontend: React 19.x, Vite, Tailwind CSS, DaisyUI
- Routing: React Router 7
- Storage: Browser
localStorage - Animations & Effects: React CountUp, Swiper, React Typewriter
- Notifications: React Toastify
- Meta Management: React Helmet Async
- Icons: Lucide React
- Mark bills as Paid/Unpaid with status saved in
localStorage - Real-time calculations and summaries of bill data
- Clean, responsive UI using TailwindCSS and DaisyUI
- Navigation powered by React Router v7
- Informative and engaging user feedback with Toastify
- Interactive number animations with React CountUp
- Meta tags and SEO-friendly structure using Helmet Async
- Optional Firebase setup for future data persistence (installed, but not used yet)
| Package | Purpose |
|---|---|
react, react-dom |
Core React framework |
react-router |
Page routing and navigation |
react-toastify |
Notifications and alerts |
react-countup |
Number animation for totals |
swiper |
Carousels/sliders if used |
react-helmet-async |
SEO and meta tag management |
react-simple-typewriter |
Typewriter text effect |
lucide-react |
Icon library |
tailwindcss, daisyui |
Styling and UI components |
firebase |
Authentication (optional/unused) |
Dev Dependencies:
vite, @vitejs/plugin-react, eslint, @eslint/js, eslint-plugin-react-hooks, eslint-plugin-react-refresh, @types/react, @types/react-dom, daisyui
-
Clone the repository:
git clone https://github.com/Tajuddin80/bill-s-buddy.git cd bill-s-buddy