braindr

a firebase app for braindr: Tinder for brains

Firebase setup

1. Create a firebase account
2. Click on "Web Setup" and copy paste your config into src/firebaseConfig.js
3. Go to the Authentication and click "Sign-In method" and enable Email/Password
4. Go to the Database tab and click "Rules" and copy paste the following:

{
"rules": {
".read": "auth != null",
".write": "auth != null",
"users": {
".read": true,
".write": "auth != null",
},
"settings": {
".read": true,
".write": false,
}
}
}

5. run the app: npm run dev and open localhost:8080. Create a new account
6. Go to the Database tab in Firebase. Create key value pairs like this:

settings: {
admins: {
your_username: true,
},
}
users: {
your_username: {
admin: true
}
}
imageCount: 1

7. Click on imageCount. Import a JSON file w/ pointers to your images into here:

{
imageFilename1: {
ave_score: 0,
num_votes: 0
},
...
}

If you don't have this file, upload the abide_images.json file in this folder.

Your database should now look like:

8. Also host your images somewhere else (like S3), it will be cheaper to pull images from there instead of firebase. The images will be found at: https://yourS3bucket/imageFilename1.jpg

9. Edit the imageBaseUrl in src/components/Play.vue to point to your images. The url will have the image name appended to the end with the .jpg extension

10. go to localhost:8080/images to see all the images. Start rating them here, making sure to mark a few passes and fails (this is for the tutorial)

11. Start playing to test that it works

12. To deploy. make a firebase directory here:

mkdir firebase
cd firebase
firebase init

select all the options here except firestore. Then choose your project, and say yes to everything else. Then do:

cd ..
npm run build
cd firebase
cp -r ../dist/* public/

The npm step builds all your files into a single html file and a set of js files. Then we move them to the firebase public folder and then deploy:

firebase deploy

These instructions will probably change soon. The app is still being actively developed!

Build Setup

# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
# run unit tests
npm run unit
# run e2e tests
npm run e2e
# run all tests
npm test

For a detailed explanation on how things work, check out the guide and docs for vue-loader.