Coder Social home page Coder Social logo

ufos-1's Introduction

UFOS

Using Javascript, bootstrap to make a UFO sightings page

Overview of the Project

For this project we are building an HTML page that will allow us to pull up information from a javascript data file using filters on the page. We want to use filters since we have many different sightings that occurred throughout the U.S.-- based on the different areas or what type of shape of the sighting.

HTML Page and our results

Screen Shot 2020-10-03 at 11 08 01 AM

Once entering the website our client will see the basic opening and title with the picture at the top, as the client scrolls down they will begin to see all the data and filters that we have(which is in the image below). From this image below we have 5 different filters to choose from; the date, city, state, country & shape. You can choose any of these filters enter the search bar, then the HTML page will show all of the sightings for that specific search. Multiple filters can be entered at the same time to further inspect the data in the specific search bar that is entered.

filters

Summary

We have created a page that looks clean and allows the user to filter through the different sitings in our data set using the search bars created. One big drawback about our search bar is trying to validate the sitings that happened which can be better described in the data. If we had how many people were at the siting would be a helpful element to validating the claims. Having as much data as possible for website would make it as good as it can possible be. My two recommendations for improving this website would 1. to have more data that has more information including how many people were at the site 2. adding another filter to find the sitings by lengt and last but not least have a site that would be constantly updating our data adding new sitings to our page.

ufos-1's People

Contributors

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