1
showcase
Shipped: A view onto a public dataset
I built Quakescope, a real-time earthquake monitoring web application using React 19, Vite, Tailwind CSS, Leaflet, and the USGS Earthquake Catalog API.
The application transforms earthquake data into an interactive and understandable interface. Users can view earthquake locations on a map, filter events by magnitude and time, and inspect individual earthquake details such as magnitude, coordinates, significance, and alert information.
A reviewer can verify that the acceptance criteria are met by following these steps:
Acceptance Criterion: Earthquake data is displayed
Verification: Open the application and confirm that earthquake events are loaded from the USGS API and displayed in the interface.
Acceptance Criterion: Interactive map works
Verification: Check that earthquake markers appear on the Leaflet map and that the map can be explored.
Acceptance Criterion: Filtering works
Verification: Change the magnitude and time filters and verify that the displayed earthquake results update according to the selected criteria.
Acceptance Criterion: Earthquake details are available
Verification: Select an earthquake and confirm that its details, including magnitude, location, coordinates, and other available information, are shown.
Acceptance Criterion: Loading and error states are handled
Verification: Test the application during loading or with an unavailable network/API response and verify that the interface provides appropriate feedback rather than failing silently.
Acceptance Criterion: Responsive and accessible interface
Verification: Resize the browser and test keyboard navigation, focus states, and the usability of the main controls.
Acceptance Criterion: Project can be run locally
Verification: Clone the repository, run npm install, then npm run dev, and open the local Vite URL to inspect the application.
The source code and implementation are available in the Quakescope GitHub repository: https://github.com/techtuber9988/quakescope. This allows the reviewer to inspect both the functionality and the technical implementation.
Repository: https://github.com/techtuber9988/quakescope
Live: https://quakescope.vercel.app/
Built for the Verified Frontend Internship · Final project
Add a comment
0/2000