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.
Below is a screenshot of our webpage, once the project was completed.
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
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:
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.
Data Sources: data.js
Software: JavaScript, HTML, CSS