GithubHelp home page GithubHelp logo

Paperize.io: Make Better Games, Faster!

Paperize helps game designers make better games by leveraging free web tools to rapidly create and iterate on their designs.

Get Involved

Getting Started

  • Install NodeJS. Suggested version is 14.
  • clone this repository
  • Set up your API Keys with Google:
    • visit the Google API Developer Console
    • create a new Project for your Paperize keys
    • create the OAuth consent screen. You just need to enter the application name, the support email and keep the existing scopes for the moment.
    • Add a google account you plan to test with as a "Test User". (While publishing status is set to "Testing", only test users are able to access the app.)
    • create a Google OAuth Client ID
      • Application Type: Web Application
      • Name: totally up to you
      • Authorized JavaScript Origins: http://localhost:8080
      • Authorized Redirect URIs: none
    • from the Library menu, enable these APIs:
      • Web Fonts Developer API and create an API Key
      • Google Drive API and choose the previously created API key
      • Google Picker API and choose the previously created API Key
      • Google Sheets API and choose the previously created API Key
    • Open the OAuth Consent Screen menu again, and add the following scopes:
      • Google Drive API .../auth/drive.file
  • Set up the API keys in your project:
    • copy and rename example.env.development to .env.development (cp example.env.development .env.development)
    • modify .env.development to contain the keys you just set up in the Google Developer Console
  • npm install
  • npm start
  • visit http://localhost:8080 and go go go!
  • Please, be sure to use localhost:8080, as opposed to 127.0.0.1, when adding the Authorized Javascript Origins and opening your server in the browser, since 127.0.0.1 is not allowed by Google API permissions.

Libraries, Tools, & Services

We're trying to keep it simple!

  • VueJS 2.x: low-overhead, highly productive front-end framework and ecosystem
  • Vuetify 2.x: material design components for Vue
  • Material Design Icons: icons integrated into Vuetify
  • jsPDF and my fork: PDF generation in the browser
  • Cypress.io: modern, browser-based integration testing
  • NodeJS: JavaScript-powered dev tools for JavaScript apps
  • Google Drive, Google Sheets, & Google Fonts to support persistence, game data, and pretty typography respectively
  • Amazon Route53/Cloudfront/S3: simple, fast, cheap, global CDN

Paperize.io's Projects

docs icon docs

tutorials, how-tos, reference material, philosophy, and community guidelines for Paperize.io

paperize icon paperize

a totally free web tool for generating board games from spreadsheets

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.