Code Monkey home page Code Monkey logo

pixie's Introduction

The Pixie: a bag adventure

You can see the analytics here

This is a website I'm creating for the Hackclub bag game to be used for scavanger hunts at hackathons. More info comming soon as well as docs.

the pixie admin view

Running Yourself

  1. First you need to clone the repo and deploy your repo on netlify, it will likely fail the first time because you haven't configured any environment variables yet.

  2. You then need to create a slack app with the user token oauth perm: profile. You also need to add several redirect urls to your slack app: http://localhost:8888/.netlify/functions/magic-dust and https:///.netlify/functions/magic-dust. Slack will tell you that you can't add non https redirect urls but if you right click on the submit button thats disabled and in the dev tools remove the class disabled and the disabled property then you can still submit it.

  3. You need to add these environment variables to your netlify environment variables tab for your new site:

    ADMIN_CODE=<The Password to access the /admin dashboard>
    AIRTABLE_API_KEY=<Your Airtable API Key with the scopes read and write>
    AIRTABLE_BASE_ID=<The base id of your airtable table>
    BAG_APP_ID=<Your Bag App id which you can get from slack>
    BAG_APP_KEY=<Your Bag App Key>
    BAG_IDENTITY_ID=<The identity of the person you want to give out items from>
    BASEURL=<The Base URL has 4 different values for different deploy contexts: Production: your prod site url, Deploy Previews: preview, Branch deploys: preview, Local (Netlify CLI): http://localhost:8888>
    FLATY_PIXEL=<The id you get from https://view.flatypus.me/>
    SLACK_CLIENT_ID=<The client id of your slack app>
    SLACK_CLIENT_SECRET=<The client secret of your slack app>
  1. Link your netlify site to your local repo with ntl login && ntl link then you can run localy with ntl dev

pixie's People

Contributors

kcoderhtml avatar

Watchers

 avatar

Forkers

v205arduino

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.