Code Monkey home page Code Monkey logo

ufos's Introduction

UFO Sigtings Website

Overview

The purpose of the website is to catalog UFO sightings and allow users to dynamically filter on multiple criteria to get a customized list of sightings.

Resources

Input: data.js
Software: Javascript, HTML, VSCode
Output: index.html

Results

The website contains background information on UFO sightings and enables users to dynamically filter on the list of UFO sightings. Users are able to filter on any combination of date, city, state, country, and UFO shape. To filter user simply needs to enter a value into one of the search fields. As soon as a value is entered the list will automatically update to show the desired result. To reset the filters the user simply needs to refresh the page or click on the "UFO Sightings" link in the top navigation bar.

The screen shot below shows and example of a filtered list. In this case the user filtered on date = 1/4/2010, state = ca and shape = light. The city and country filters were not used in this example, however they show example values to help guide the user input should they choose to use them.
Filter Example

Summary

The website is a good start provide users a tool to search through the large list of UFO sightings data, however additional enhancements are recommended to add functionality to the site and make it more user friendly. One main drawback to the current site is that the search is limited to one value per search field (e.g. only allows the user to search for one date at a time). The following are 2 recommendations for enhancements on future releases.
Link to UFO Sitings Site

Recommendations

  1. Update the search functions to accept multiple values, such as multiple states or a range of dates.
  2. Make the search functions more robust to work with either upper or lower case letters.

ufos's People

Contributors

mhorstman avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.