QuakePH

A real-time earthquake monitoring and visualization application for the Philippines.

🚀 Features

• Real-time earthquake data visualization
• Interactive map with earthquake locations
• Detailed earthquake information
• Responsive design for all devices
• Dark/Light mode support

🛠️ Technologies Used

• ⚡ Vite - Next Generation Frontend Tooling
• ⚛️ React 18 - A JavaScript library for building user interfaces
• 📝 TypeScript - TypeScript is a typed superset of JavaScript
• 🎨 shadcn/ui - Beautifully designed components
• 🎨 Tailwind CSS - A utility-first CSS framework
• 🌍 Leaflet - Open-source JavaScript library for mobile-friendly interactive maps
• 📊 Recharts - A composable charting library built on React components
• 📅 date-fns - Modern JavaScript date utility library
• 🔄 TanStack Query - Data fetching and state management
• 📝 React Hook Form - Forms with easy-to-use validation
• 🎭 Zod - TypeScript-first schema validation with static type inference

🚀 Getting Started

Prerequisites

• Node.js 16+ and npm 8+
• Git

Installation

1. Clone the repository:

   git clone https://github.com/ravvdevv/QuakePH.git
   cd QuakePH

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open http://localhost:5173 to view it in your browser.

Available Scripts

• npm run dev - Start the development server
• npm run build - Build the app for production
• npm run preview - Preview the production build locally
• npm run lint - Run ESLint

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

• Philippine Institute of Volcanology and Seismology (PHIVOLCS) for the earthquake data
• All the amazing open-source projects that made this possible