Cycle Planet App

This is the repo for the official Cycle Planet platform. The platform is (soon) open source and free to use, which can be used to:

• Host bicycle tourers, or get hosted during your trip
• Find relevant information for on the road, such as visas and border crossings
• Plan your trip
• Find WhatsApp groups for the continent your going to cycle at
• Share your trips and stories

The platform is written in Vue.js, and makes use of the Quasar framwork. By making use of Cordova, an Android app and iOS app built. For persistent storage and user account management, it uses Google's Firebase backend-as-a-service.

Problems, feedback or questions are welcome in issues or on our Slack

Prerequisites

• Node version >=10 installed
• This project uses the Npm package manager
• A Google account to set up your Firebase project under

Get started developing

1. Install dependencies

Download or clone this repo, and then run the following command to install all dependencies:

npm install

2. Set up a Firebase project

Copy src/boot/config.example.js to src/boot/config.js.

Now either:

• Ask in our Slack for the credentials to Reinier's development Firebase project, and use this to create a src/boot/config.js based on the template in src/boot/config.example.js.
• Or go to the Firebase console to set up a Firebase project of your own. Once you have completed the wizard to set up the Firebase wizard, click the </> button to add a web app. Copy the var firebaseConfig = ... definition in the code snippet it gives you into src/boot/config.js from this repo, replacing the placeholder in there. To be able to register and log in to your own development instance of CyclePlanet, enable the "Auth", "Database" and "Firestore" functionalities under "Build" in the menu on the left in the Firebase console.

3. Start the Local Emulator Suite to run the back-end

Start the Firebase Local Emulator Suite to have a back-end to test against:

npm run start-emulators

4. Start Quasar to serve the front-end

Start the app in development mode:

npm run dev

5. Hack away!

Now everything should be running and you should see a local copy of the CyclePlanet app in your browser. If not, contact us in #developing on Slack or create an issue here on Github.

Some Quasar commands we use

Run on Android (cordova) - debug mode:

cd src-cordova
quasar dev -m cordova -T android

Run on iOS (cordova) - debug mode:

cd src-cordova
quasar build -m cordova -T ios

Run on Android (cordova) - build mode:

cd src-cordova
quasar build -m cordova -T android

License