{"id":19328852,"url":"https://github.com/bishopce16/ufos","last_synced_at":"2026-05-06T15:39:29.964Z","repository":{"id":57904061,"uuid":"526378258","full_name":"bishopce16/UFOs","owner":"bishopce16","description":"The purpose of this project was to build a dynamic webpage and to take data from a JavaScript array to create an organized a table to filter UFO sighting data on multiple criteria. ","archived":false,"fork":false,"pushed_at":"2022-08-26T18:18:15.000Z","size":3940,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-06T07:47:38.760Z","etag":null,"topics":["bootstrap","css","html","javascript","visual-studio-code"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bishopce16.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-08-18T21:28:56.000Z","updated_at":"2022-09-09T00:35:23.000Z","dependencies_parsed_at":"2023-01-16T19:00:24.626Z","dependency_job_id":null,"html_url":"https://github.com/bishopce16/UFOs","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bishopce16%2FUFOs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bishopce16%2FUFOs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bishopce16%2FUFOs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bishopce16%2FUFOs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bishopce16","download_url":"https://codeload.github.com/bishopce16/UFOs/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240434193,"owners_count":19800548,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","css","html","javascript","visual-studio-code"],"created_at":"2024-11-10T02:24:59.584Z","updated_at":"2025-11-16T15:30:45.850Z","avatar_url":"https://github.com/bishopce16.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# UFOs\n\n[Link to Webpage](https://bishopce16.github.io/UFOs/)\n\n## Overview of Project\u003cbr\u003e\nThe purpose of this project was to build a dynamic webpage and to take data from a JavaScript array to create an organized a table to filter UFO sighting data on multiple criteria. The table was built with JavaScript functions to loop through the data and create a customized dashboard. Html, CSS, and Bootstrap was used to modify the aesthetics of the webpage.  \n\n\n---\n\n## Resource:\u003cbr\u003e\n\nData Sources: data.js\u003cbr\u003e\n\nTool used: Visual Studio Code, HTML, JavaScript, Bootstrap, CSS\u003cbr\u003e\n\n\n---\n\n## Results:\u003cbr\u003e\n\nWelcome/First encounter of the webpage:\u003cbr\u003e\nThe Truth Is Out There webpage presents visitors with a dark background and light font with an image displayed using the style.css file.\u003cbr\u003e\n\n![the truth is out there webpage](static/images/truth_is_out_there_webpage.png)\u003cbr\u003e\n\n---\n\nFilter Search:\u003cbr\u003e\nBelow is the default table that is displayed when the webpage opens.\n\n![ filter search table default](static/images/filter_search_table_default.png)\u003cbr\u003e\n\nThe UFO sightings data was filtered on multiple criteria, including city, state, country, and shape.\u003cbr\u003e This was accomplished by using JavaScript functions to loop through the data. The filters include event listeners that record information when an element is changed to develop an interactive webpage based on user’s input.\n\n![ filter search table date 1/2/2010](static/images/filter_search_table_date1:2:2010.png)\u003cbr\u003e\nThe search criteria displaying results for date \"1/2/2010\" above and city \"benton\" below.\n\n![ filter search table city benton](static/images/filter_search_table_city_benton.png)\u003cbr\u003e\n\n  \n---\n\n## Summary:\u003cbr\u003e\n\nAn if statement was added to the app.js file on line 70 to display “No results found” for a search that does not exist, instead of a default filled table.\u003cbr\u003e\n\n![“No results found” display](static/images/filter_search_table_noresultsfound.png)\u003cbr\u003e\n\n\n![if statement code](static/images/if_statement_code.png)\n\n\n---\n\nAddresses one drawback of this webpage:\u003cbr\u003e\n* The search field is case sensitive and requires lower case and correct spelling. \n* The data is also limited as it is not liked to a live source. \n\n---\n\nRecommendations for further development:\u003cbr\u003e\n* Adding a scraping functionality to pull data from a live source that includes archived and current data. \n* Add further customizations for example a dropdown list, auto fill, or click button to make the webpage more user friendly and to remove the case sensitivity. \n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbishopce16%2Fufos","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbishopce16%2Fufos","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbishopce16%2Fufos/lists"}