A responsive and interactive web application that simulates an emergency service directory. Built using HTML, CSS (Tailwind + DaisyUI) and JavaScript (ES6). This project allows users to quickly access emergency numbers, simulate calls, copy contact details and track user interactions.
Check out the live project here: Emergency Service Directory
- Simulates calling emergency services
- Each call costs 20 coins
- Prevents calls if balance is insufficient
- Initial balance: 100 coins
- Coins are deducted per call
- Click the coin button to add coins to your balance
- Coins spent on calls are refunded when the call history is cleared
- Copy any service number instantly using the Clipboard API
- Tracks total copy actions
- Click the copy button to increase the copy count
- Click the heart icons on the cards to increase the favorite count
- Provides interactive UI feedback
- Logs every call with:
- Service name
- Phone number
- Timestamp (real-time)
- Clear history option available
- Removes all call records
- Restores all spent coins
- HTML5
- Tailwind CSS
- DaisyUI
- JavaScript (ES6)
- Font Awesome
emergency-hotline/
├── index.html # Home page
├── js/
│ └── app.js # JavaScript functionality
├── assets/ # Images and icons
└── README.md