/UFOs

Creating a webpage using Javascript and bootstrap.

Primary LanguageJavaScript

UFO Sightings 

Overview of Project

The purpose of this project was to build a webpage using HTML and JS where we can view the data we were provided and filter it using 5 different filters to browse quickly through the data. 

Results

Below is a screenshot of our webpage, once the project was completed. 

alt text

The page is clean, and organized in a user-friendly way, that allows filtering the data of the UFO sightings based on: 

  • Date
  • City
  • State
  • Country
  • Shape 

Generating Results

Simply by pressing 'enter'  after entering the specific filters needed the user can display more specific data, for example:

  • the date: 1/1/2010
  • the city: el cajon
  • the state: ca
  • the country: us
  • the shape: triangle 

Once this search is rendered it will generate the following results:

alt text

Summary

We successfully created a page that aesthetically displays our data while also doing so in a user-friendly way through easy and simple filters. As with any project, there are drawbacks that we came across process, one can be that we can have filters that are more useful to browse the data, like perhaps an option to select from different shapes or if there are specific locations that have more than one sighting. 

In order to improve this webpage, there needs to be more data that provides more detail to each event so that it's more information to be displayed and to better organize the results in a more meaningful way than just displaying individual events. In addition to that, an option to upload media, like images, can lead to the creation of a very reliable database for UFO sightings.

Resources

Data Sources: data.js

Software: JavaScript, HTML, CSS