Giter VIP home page Giter VIP logo

savevanfaves's Introduction

Forked from bailout.nyc

Originally designed to help provide financial relief to service workers. We are putting out own spin on it to support local restaurants in our area.

Below is a rough description of how bailout.nyc was built. Please feel free to clone this project to create your own version to support your local community.

1. Fork this repo on github

Pretty much everything is in index.html with some key configuration at the top.

2. Create a registration form on Google Forms

Ours asks for:

  • Business Name
  • Physical Business Address
  • Verify that it's you by DM-ing your support username to @bailoutnyc on Instagram or Twitter from your business account, or by posting publicly about bailout.nyc.

Get the Share URL for the form by clicking Send and the Link icon:

image

Put this in the configuration section of index.html as the value of REGISTER_FORM_URL.

Recommended. Turn on email notifications for new registrations:

image

3. Create another spreadsheet to use as your database of registered businesses

It MUST have the following columns, in this order:

  • Business Name
  • Location
  • Description
  • Website URL

Get the id portion of the URL from here:

image

Put this in the configuration section of index.html as the value of SPREADSHEET_ID.

3.1: Publishing your Google Sheets to the web

Step 1: Click File > Publish to the web… Step 2: Click Publish, then OK

4. When people register, verify them and add them to the sheet.

They will automatically show up on your landing site.

5. Host your site with GitHub pages

image

6. You're live!

Optionally setup analytics with the following configuration settings in index.html:

var GOOGLE_ANALYTICS_ID = '_______';
var FULL_STORY_ORG = '_______';
var FULL_STORY_NAMESPACE = '_______';

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.