Hi there, I'm Dmytro

Frontend React developer from Ukraine

My project is a integration of Google maps interacting with FireBase Database.

At the moment I have disabled reading and writing to the database, in which case my contacts are available for communication.

Technology

• React, Webpack, Babel, Sass
• Axios, Google-Maps-API, FireBase DataBase

Launch

Use link: https://suriones.github.io/GoogleMaps_Integration/

Dev Launch:

• Write to console: npm install

• Write to console: npm run dev

Technical task

• Display Map (Google Maps, Mapbox of similar);
• When User Clicks Map: Numbered Quest Marker is placed at location on map (1,2,3, etc);
• Firebase Database has new record created as a sub-collection in this format:



Quest 1:

Location: Lat, Long

Timestamp: Time

Next:

/Quest 2:

/Location: Lat, Long

/Timestamp: Time

/Next:

//Quest 3:

//Location: Lat, Long

//Timestamp: Time

• Expand site to GH-pages;

Interesting details

- Marker data is updated in real time according to the database.

- Each click on the map sends get and put requests.