https://github.com/m0kr4n3/mapbox_firebase_react_app
a ReactJS app using MapBox and Firebase to show position in maps
https://github.com/m0kr4n3/mapbox_firebase_react_app
firebase firebase-database mapbox reactjs
Last synced: about 2 months ago
JSON representation
a ReactJS app using MapBox and Firebase to show position in maps
- Host: GitHub
- URL: https://github.com/m0kr4n3/mapbox_firebase_react_app
- Owner: m0kr4n3
- Created: 2021-06-06T22:58:48.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2022-06-14T14:31:02.000Z (about 4 years ago)
- Last Synced: 2025-06-10T16:41:09.153Z (about 1 year ago)
- Topics: firebase, firebase-database, mapbox, reactjs
- Language: JavaScript
- Homepage:
- Size: 471 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# a ReactJS app using MapBox and Firebase to show position in maps
a reactJS applcation that uses Mapbox maps provider to show position, integrated with firestone database.
It has 2 options:
1. Realtime position. (simultaneously changing position)
2. History position. (where it consumes many positions of a path for exemple, and we control
it with a slider, like watching a video)
It needs a mapbox API access token, put in /src/mapboxAPItoken.js
```js
#/src/mapboxAPItoken.js
module.exports = "put the key here";
```
and firebase access initialization in /src/firebase.js
```js
#/src/components/firebase.js
import firebase from 'firebase';
firebase.initializeApp({
apiKey: "",
authDomain: "",
projectId: "",
storageBucket: "",
messagingSenderId: "",
appId: "",
measurementId: ""
});
export default firebase;
```
To run the app:
```bash
npm install
npm run start
```