Skip to content

Create an interactive webpage to provide information on UFO sightings using HTML, CSS, JavaScript and Bootstrap

Notifications You must be signed in to change notification settings

patelprincy34/UFOs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

UFOs

Project Overview

The purpose of the project is to create an interactive webpage that accepts user input and changes to provide information on UFO sightings. Users will be able to filter the UFO sightings table based on many parameters such as the event date, place, state, country, and shape in order to complete their research.

Results

Link to UFO Sightings Webpage: https://patelprincy34.github.io/UFOs/

The webpage for UFO Sightings has been created. This is the first thing the viewers will see upon entering the webpage:

image

The webpage also includes "Filter Search" section so the viewers can interact with the website.

image

Viewers can Filter Search by:
  • Date image

  • Cityimage

  • Stateimage

  • Country image

  • Shape image

  • Viewers can also use multiple filters at ones image

  • After filter search is complete the viewers can also re-initialize the webpage by clicking navbar at the top left corner.image

Summary

  • One drawback for this webpage is that in order for viewers to use filter search they have to first scroll down to look at all the available dates, cities, states, countrys and shapes. For example if a viewer wanted to search for UFO sighting by state Ohio they have to scroll down to see it that state is available before using filter search.
  • Solution for this drawback is to add drop down-menu for available searches for all filters. For instances if a veiwer wanted to filter search by state they can click on state filter and a drop down menu will appear with all the available states in the data.
  • There should also be clear filters button at the bottem of the "Filter Search" section so viewers and clear there searches and start anew.

Resources

  • Data Source: UFO data
  • Images: nasa.jpg
  • Software: HTML/CSS, JavaScript, Visual Studio Code, BootStrap.

About

Create an interactive webpage to provide information on UFO sightings using HTML, CSS, JavaScript and Bootstrap

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages