A beautiful and modern web application that displays a countdown to sunset during Ramadan for Houston, Texas. The app shows the current date, days until Eid, Ramadan progress, and sunset time.
- Real-time sunset countdown for Houston
- Days remaining until Eid
- Visual Ramadan progress indicator
- Beautiful animated gradient background
- Responsive design
- Dark mode support
- Next.js 14
- React 18
- TypeScript
- Tailwind CSS
- React Circular Progressbar
- Lucide React Icons
- Aladhan Prayer Times API
-
Clone the repository:
git clone https://github.com/yourusername/ramadan-countdown.git cd ramadan-countdown -
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Open http://localhost:3000 with your browser to see the result.
The application uses the Aladhan Prayer Times API to fetch accurate sunset times for Houston, Texas. The API is called with the following parameters:
- Latitude: 29.7604° N
- Longitude: -95.3698° W
- Calculation Method: 2 (Islamic Society of North America)
Feel free to submit issues and enhancement requests!