Code Monkey home page Code Monkey logo

ufos's Introduction

UFOs

This repository was created as part of a 6 month Data Analystics Bootcamp administed by George Washington University. This is the repository for the Module 10 Challenge. This challenge covered beginner to intermediate JavaScript topics. Final project work is in index.html.

To view, please colone the repo and open the html file in your browser. Project was updated 27 SEP 2022 to add a .gitignore.

Overview of Project

The purpose of this project is to build an easy to read and filter table using JavaScript. The table contains information about UFO sightings around the world, and can then be filtered to a specific Date, City, State, Country, or UFO shape. The table is presented on a tidy HTML page that can be shared with other UFO enthusiasts. In addition to the table, the page contains a title, banner image, and short article containing comments from various sources.

The page itself is built from a HTML file. An app is created using JavaScript that will pull information on UFO sightings from a source file, display the data, and filter it as various parameters are entered. Finally, Bootstrap was used to make the page pleasing to the eyes, and also scale depending on the type of device you are using to view it.

Results

To use the webpage, start by opening the index.html file. Scroll down until you see the start of the table. You will see the filter options to the left of the table. To filter the table, simply enter the desired criteria you would like to see results for. Placeholder values have been provided if you are unsure of what to enter. Below are two images. The first shows the table with the filters, with only the placeholder values. The second shows the table filtered to show UFO sightings in the city of el cajon.

Filter Options Filtered Table

Summary

To close out the report, we will review one of the drawbacks of this page, and provide two recommendations for how it could be improved in the future.

Drawbacks

Right now, the fitlers will only accept lowercase value to correctly filter. For example, entering "benton" into the city filter will bring up a sighting that occured in Benton, CA. However, entering "Benton" will not bring up this sighting. This might be confusing for users looking for a specific sighting. It is normal to capitalize city, state, and country names. There are a couple of ways we can fix this. We can add a note that reminds the user to enter their search criteria in all lowercase. Or we could refind the code to look for close matches instead of an exact match. The latter would be preferable, since it doesn't rely on the user following special instructions to use the table.

Recommendations

  1. Currently there is no way to search the duration and comments fields on the table. This would be helpful if someone was looking for sightings of a certain length, or just to find sightings with common descriptions. Both of these would be more difficult to implement, since the data is not as uniform. For example, some of the sightings have exact durations listed (6 minutes), while others are less precise (dawn until dusk).

  2. Having a "state" column does not make a lot of sense when another column is labled "country". There a few sightings in Canada. It would be helpful to update this filter to be called "Enter State/Province".

ufos's People

Contributors

jbalooshie 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.