ProbMap is a React-based web application that allows users to 📸 upload photos and 🌍 tag locations using either their current location or by selecting on a map. This repository contains multiple React setups in separate folders for different features.
- 📸 Photo Upload: Users can upload images from their device.
- 🌍 Location Tagging:
- 📍 Use current GPS location.
- 🗺 Select location manually on an interactive map.
- 🗂 Multiple React Apps: Each app is organized in its own folder for modular development.
- 📱 Fully responsive and mobile-friendly design.
my-multi-react-repo/
- project1/ (React app for basic photo upload)
- project2/ (React app with map-based location tagging)
- project3/ (Experimental features or future modules)
- README.md
-
Clone the repository:
git clone https://github.com/yourusername/ProbMap.git cd ProbMap
-
Navigate to a project folder:
cd project1
-
Install dependencies:
npm install
-
Start the development server:
npm start
Repeat steps 2–4 for project2 or project3.
- ⚛ React 18
- 🗺 Leaflet / react-leaflet (for map functionality)
- 🖌 MDB React UI Kit / MUI (for UI components)
- 💻 JavaScript / TypeScript
- 🌐 HTML & CSS
- Upload a photo using the file input.
- Choose either:
- 📍 Use Current Location → fetches browser geolocation.
- 🗺 Select on Map → opens an interactive map to pick a location.
- The selected location coordinates are displayed next to the uploaded photo.
- Ensure your browser has location permissions enabled.
- React apps are independent, so each project may have its own dependencies and setup.