Code Monkey home page Code Monkey logo

javascript_bootstrap's Introduction

UFO Analysis

Overview of Project

Dana, a journalist, has been tasked with writing about her hometown, McMinnville, Oregon. She wanted to focus on UFO sightings because it is what her town is known for. The town even has annual events for UFO enthusiast gatherings. Dana wanted to post her article on a HTML page with a table of data to support her findings and have interactive filters to narrow down data for the reader/user. This project used JavaScript in order to filter UFO sighting data provided by Dana and upload the data to a user-friendly HTML page modified by Bootstrap.

Results

Welcome to UFO Sightings: Fact or Fancy?

This home page contains Dana's article and a table displaying sighting data.

home_page

How the table filters appear without user input:

The placeholder in each search box provides an example of the format for the user to input. The data should be entered as M/DD/YYYY and the city, state, country, and shape should be entered without capital letters.

no_search

After User Input:

The user can input one to five of the search criteria and hit enter. The table will then filter the data specified by the user.

Single-filter search results:

single_search

Double-filter search results:

double_search

Results from using all five filters:

all_search

Summary

This webpage provides a useful and simple way for users to search for specific data. The drawback of this website is the data is very limited. For example, the time period of data available is only available for January 2010. The limited criteria available should be explained to the user above the input box. Using the previous example, this could look like adding the phrase: 'Please enter a date from January 2010โ€™ above the search bar. This would allow the user to have more guidelines on the type of data that is available for them to search for. In addition, I think further cleaning the data to make the interface more user friendly. For example, the cities and states are not capitalized which is not standard practice. Or to go a different route, the enter boxes could be changed to drop down menus of the types of data available in each column. This would prevent the user from having to guess what to enter, given that the data available is limited and specific to a certain time period.

javascript_bootstrap's People

Contributors

ksommerdorf avatar

Watchers

James Cloos avatar  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.