Skip to content

UFO Sightings is an application that lets the user browse and read about any exciting and unexpected UFO Sightings happening in any of the 50 US states. The user is also able to view where the sighting took place at via Google Maps.

Notifications You must be signed in to change notification settings

stetsonharding/ufoSightings

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

UFO Sightings


Overview

  • UFO Sightings is an application that lets the user browse and read about any exciting and unexpected UFO Sightings happening in any of the 50 US states. The user is also able to view where the sighting took place at via Google Maps.

Technologies

  • React.js

  1. Functional Components using Hooks (useState, useEffect, useRef).
  2. React Router for site navigation.
  • Firebase

  1. Real time database to store all UFO Sightings.
  • Bootstrap

  1. User friendly responsiveness for all screen sizes.
  • CSS/SASS

  1. Clean reusable styling.

Challenges


  1. This is the first application I have built that used Firebase's Real Time Database. I needed to figure out how to upload the UFO data in my database and get all the data from Firebase as needed. The following code snippet is how I fetched all the data needed. Note I placed this in the useEffect hook to fetch the data upon rendering ds

Run Project Locally

  1. Clone Repo.
  2. run npm install in terminal.
  3. run npm start to run project locally.

Hosted Project

https://stetsonharding.github.io/ufoSightings/#/

About

UFO Sightings is an application that lets the user browse and read about any exciting and unexpected UFO Sightings happening in any of the 50 US states. The user is also able to view where the sighting took place at via Google Maps.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published