Skip to content

Up-to-date world crisis mapper app. ReactJS App with API Integration.

Notifications You must be signed in to change notification settings

sailorjack94/crisis-mapper

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

83 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MVP

The project is to design a educational and informative application. In this case our app will render a globe in React and detail it with up-to-date information about various crisis/disasters.

The project must:

  • Query an API to recieve up-to-date information
  • Display that information on a map/globe
  • Be informative, intutive and interactive
  • Be suitable for a wide range of ages
  • Should be able to provide drill-down granular detail

Wireframe 1

Wireframe 2

Final Product

The project has delivered on the MVP with a number of additional features. The Crisis Mapper App delivers all the above points, and adds further Media Objects (informational videos) and multiple APIs.

Final_1 Final_2

Installation

Clone the repository and in the main folder run 'npm install' from the terminal. Once installation has completed and all dependencies have been installed, run 'npm start'. Use the app on 'localhost:3000'.

Dependencies/Libraries/Packages

  • ReactJS
  • three
  • react-globe.gl
  • d3
  • React-Bootstrap
  • enzyme/cypress

API's used

  • RESTFUL Countries API
  • Seismic Portal EU API
  • NASA EONet

About

Up-to-date world crisis mapper app. ReactJS App with API Integration.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •