Mapped Event Tracker

Table of Contents

-Description
-User Stories
-Usage
-Screenshot
-Wireframes
-Built With
-Live

Mapped Event Tracker

A map tracking natural events across the globe, with a search bar to look for events in specific places. The option to look for specific events and within date ranges is currently being added.

User Stories

As a concerned mother, I want to see if there are any natural events occurring around any of my family members, so that I can rest easy. As a curious person, I want to see if that thing I just felt was actually an earthquake, so I can sate my curiousity.

Usage

When loaded, a map will appear with a search bar, start by searching for a location you are interested in. Then adjust parameters from menu in top right for date range/ event types. In the bottom right is a help menu if needing to refresh on what the app can do.

Screenshot

LoFi Wires

The files are configured as follows:

Root Directory
│
│ --index.html
│
└───assets (folder)
    │
    └─── css (folder containing css style files)
    │
    └─── images (folder containing all image resources)
    │
    └─── js (folder containing JavaScript files)

Built With

• HTML
• CSS
• JavaScript
• Font Awesome
• Leafletjs
• jQuery
• Google Fonts
• Pure CSS
• EONET Api
• OpenWeatherMap Api
• OpenStreetMap Api

Live

Can be found live at Mapped Event Tracker