Geofreebie is a freecycling and skill-sharing app. It improves on existing freecycling platforms in Münster, Germany with its map interface and location-based recommendations. It makes freecycling more accessible and spontaneuous.
The app's map view: see where people are offering freebies in your city.
This app was initially developed as part of Christian Kray, Markus Konkol, and Mehrnaz Ataei's Location Based Services course at the Institut for Geoinformatics. The purpose was to explore privacy issues in location-based mobile apps and to produce something useful at the same time.
The Geofreebie app is meant to enhance existing freecycle networks by creating location-based listings and recommendations.
-
Anna is giving away cookies 500 meters from you!
-
Your search for couches within 5 kilometers returned 20 results.
-
There are 5 items being given away within 1 kilometer of your position.
These are just a few examples of notifications our app can deliver.
The app's list view: discover the freebies nearest to you, click to see them on the map.
-
You can find our original vision for the project in our mockups folder and our brainstorm file.
-
See the issues tab above for details on specific features and to report bugs.
-
See our Sprint Review Slides for sprint review progress reports.
The backend for the app is housed in a separate repository and can be found here: https://github.com/lbraun/geofreebie-backend.
How to install the app and run it on your device.
Install these dependencies to run the project:
- Apache Cordova
- node.js (npm)
- Browserify
- Babelify
You will also need:
- Java JDK
- Android SDK (download Android Studio and it's included)
- Gradle (
brew install gradleon Mac OS)
And you need to set up the following environment variables:
- JAVA_HOME (google how to find the location of your google installation)
- ANDROID_HOME (can be found from Android Studio settings. Search settings for "SDK")
- Clone this repository
- Add the cordova platform you want to use
cordova platform add <platformname>-
Platforms include
android,ios, andbrowser -
See Cordova Getting started for details
-
- Run
npm run build
- From the console, run
cordova run <platformname>
- Go the the file
src/data_components/config.json(contains all available settings) - Set the settings in the
appcomponent in a way you want your default settings (true/falsevalues) - Adjust the map settings:
center: Center of the map as default (when GPS is off). Use latitude/longitude value pairszoomable: Set the default map able to zoom (usetrue/false)draggable: Set the default map able to be dragged (usetrue/false)zoom: Value between 0 and 18 (0 = mininmal zoom, 18 = maximum zoom)
- Go to the file
src/data_components/layers.json(containing sample data as an example) - Edit the file with your layers
- Each layer must be a
jsonObject wrapped in{} - Each layer can be one of eigther
markerorroute - The name of the layer is also the name used for displaying it on the map
- Each layer can contain multiple items in an array
[{item}, {item2}] - Each item must have a unique
name - Provide the coordinates of your layers in pairs of latitude/longitude
- Routes are used as single layer, so to add multiple
routeobjects, add multiple layers - Add a pop-up to a marker by adding the element
popupto an item of a marker. This will be displayed. It can be be styled with html elements (example:<b>Hello world!</b><br>I am a popup.)
- Each layer must be a
Add the picture to the folder www/img.
To add further plugins or extensions, create a new file in src/business_components with your logic and export your functions. Then in the component, that shall be extended (map, streetview), require the new file and just use your new functions like module.method(). To have the new modules as a part of the app, you need to run the build again npm run build.
The Logger delivered with the app provides two exported functions: logEntry(data) and stopLoggingAndWriteFile. The logs have the structure: Date/Time, Latitude, Longitude, Mode, Action. To add more logs create an array and call logger.logEntry(myData) with it. The logfile can be found on the devices' root directory and is called lbs-engine-logger.csv.
The streetview component is a dummy mode at the moment. An interaction to change the displayed image and respond to location events needs to be implemented.
Due to an error in OnsenUI's last version, the tabs are a little hacked right now. Can be fixed with an update of OnsenUI.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent