UFO Sightings with JavaScript

The purpose of this analysis is to provide a more in-depth analysis of UFO sightings by using HTML and JavaScript. This webpage allows users to filter the table on multiple criteria at the same time. In addition to the date, I added filters for the city, state, country, and shape in the HTML file. In the JavaScrpt file, there is one new function that saves the element, value, and id of the filter that was changed and another new function that loops through the dataset and keeps only the results that match the search criteria.

• Software:

  • Visual Studio Code 1.61.2
  • HTML/CSS
  • JavaScript
  • BootStrap 4

• Data source:

  • data.js

The Truth Is Out There >> Link to GitHub Pages

• The process of using the search criteria:
  • The users will be able to search by typing in the boxes on the left hand. They can use the filters by inputting criteria in the boxes and pressing "Enter". The result will appear on the right hand side of the Filter Search.
  • To reset the filter: Click on "UFO Sightings" which is on the navigation bar at the top left of the webpage

• Filtering the table

  • by Date

    

  • by City

    

  • by State

    

  • by Country

    

  • by Shape

    

  • by multiple criteria

    

• The drawbacks of this new webpage design:

  • The data is very small and outdated which limits the search to only January 1st, 2010 through January 13th, 2010 and only in the United States.
  • The input boxes are very simple. They are case sensitive and only work for lowercase words.
  • There is a lot of unclean data in the "Comments" columns that need to be cleaned.
  • There are no reset and filter buttons.
    • The users have to click on the navigation bar to reset the webpage after filters have been applied to the table which is accomplished by linking to the homepage
    • The webpage will be updated with the search criteria after pressing "Enter" instead of pressing the "Filter" button

• The recommendations for further development:

  • This webpage would be more interesting and efficient if it had..
    • the most recent and cleaned data, not limited only to the United States, but worldwide about the UFO Sightings.
    • more navigation items on the NavBar such as "Home", "Lastest News", "Gallery", and "Videos" etc.
    • reset and filter buttons to assist users
  • To guide the users the input boxes should have...
    • a Calendar selector for filtering on "Date"
    • an optional drop down menu for filtering on "Shape"
    • auto fill
    • case-insensitivity