Giter Site home page Giter Site logo

prominent-edge-assignment's Introduction

prominent-edge-assignment

HitCount

Implemented as a simple React app.

Clone and setup the app

git clone https://github.com/SharkDemon/prominent-edge-assignment.git
cd prominent-edge-assignment
cd frontend

Provide a Meteostat API key in your .env file. The name of the key that needs to be provided is REACT_APP_METEOSTAT_API_KEY.

Provide a Google Map Javascript API key in your .env file. The name of the key that needs to be provided is REACT_APP_GOOGLE_MAPS_API_KEY.

Run the app

Start up a local server by running command:

npm start

Then navigate to http://localhost:3000

Improvements

  • Add authentication
  • Maybe some buttons to load the sample incident JSON files
  • Add ability to pull incident JSON files from another source (db, api, etc), with search capabilities
  • Add ability to customize which details of the incident display under information
  • Add ability to customize initial zoom level
  • Since incidents aren't just a single "time" but rather represent a series of discrete events, build out a full timeline (event opens, units dispatched, units arrive, event closes)
  • Can create a more elaborate pin in the map that displays high-level incident information, such as type/subtype or the common_place_name.

Time Spent

  • 7.5 hours (2pm - 8pm, 8:30pm - 10pm)

Screenshot

Using a sample incident JSON

prominent-edge-assignment's People

Contributors

sharkdemon avatar

Watchers

 avatar

prominent-edge-assignment's Issues

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.