JavaScript and DOM Manipulation - UFO Sighting Data

Overview -

Create a website to display UFO sighting data that can be filtered by various fields like: Date, City, State, Country, Shape, Comment. The data is displayed in a table form dynamically based on the user input given. This is achieved using Event handlers in Javascript.

Process -

I created a basic HTML web page that on loading, populates the table with all UFO sightings. This table is filtered dynamically based on the criteria that user selects. I created a Javascript that listens for events when a search criteria is selected and appends the data that matches to the table dynamically. The website created looks like this -

Deployment -

I deployed the website using Heroku and FLASK. The deployed app is - https://pg-ufo.herokuapp.com/