• Stars
    star
    158
  • Rank 229,833 (Top 5 %)
  • Language
    JavaScript
  • License
    Other
  • Created almost 11 years ago
  • Updated over 6 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Using Sheetsee.js and power of collaboration to collect the best places to get your hack on.

Hi!

screenshot

This is the code for a website that shows the spots myself, my friends (or Twitter friends) have found to be excellent hacking spots around the whole wide world.

Fork -n- Go!

Here's a fun fact:

GitHub gives free hosting for every repository (see GitHub Pages).

This repo only has a gh-pages branch, the branch GitHub hosts, which means as soon as you fork it, you have a hosted and live version of it yourself! Read more about fork-n-go type of projects.

Next, create a spreadsheet with the same column headers as the original.

Click on the index.html file, click edit and change line 118 (or thereabouts) it looks like:

    document.addEventListener('DOMContentLoaded', function() {
	  	var gData
	  	var URL = "0Ao5u1U6KYND7dFVkcnJRNUtHWUNKamxoRGg4ZzNiT3c"
			Tabletop.init( { key: URL, callback: showInfo, simpleSheet: true } ) 
    }) 

Replace the existing spreadsheet URL key with your spreadsheet's key. You'll find that by clicking (in Google Spreadsheets) File > Publish to the Web > Start Publishing, it will then display the key in a window. get key

Commit those changes and LIKE WOAH you now have a version of this website hooked to a spreadsheet that you can distrubute however you'd like.

You can find your version at yourGitHubName.github.io/theReposName (in this case /hack-spots).

But How?

A Google Spreadsheet holds all the data and it is connected to this website using the goodies in sheetsee.js. Everytime you visit the website, you'll have the most up to date data that has been entered into the spreadsheet.

More Repositories

1

git-it-electron

πŸ’» πŸŽ“ Git-it is a (Mac, Win, Linux) Desktop App for Learning Git and GitHub
Perl
4,596
star
2

sheetsee.js

πŸ‘€ πŸ“ˆ Visualize Data from a Google Spreadsheet
JavaScript
2,880
star
3

git-it

πŸ’» πŸŽ“ Learn Git and GitHub. Try the new desktop version β†’
HTML
1,963
star
4

patchwork

All the Git-it Workshop completers!
Rich Text Format
1,100
star
5

offline-issues

❕ πŸ“Ά Get your GitHub Issues to read offline later. Mmm.
JavaScript
629
star
6

sheetdown

πŸ“ƒ ⬇️ Convert a Google Spreadsheet into a Table in Markdown
JavaScript
339
star
7

essential-electron

Concise plain-speak about Electron
HTML
316
star
8

hello-world

πŸ‘‹ 🌍 This is an idea
200
star
9

hello

[Fork-n-Go] A simple personal page. Demo:
CSS
130
star
10

forkngo

A site about how awesome Fork-n-go is!
HTML
123
star
11

sheetsee-calendar

Website with calendar of events from a Google Spreadsheet
JavaScript
97
star
12

balrog

Learn by making presents: A Static Site Generator (WIP)
JavaScript
86
star
13

lending-library

A fork-and-go repo for creating a tool lending library website.
JavaScript
74
star
14

federal-gov

JavaScript
71
star
15

hasinternet

checks for internet, works in browser and node
JavaScript
60
star
16

sheetsee-pocket

A website for your Pocket article archive. Fork-n-Go!
JavaScript
58
star
17

sheetsee

Command line module to build custom Sheetsee builds
JavaScript
44
star
18

old-site

COOOL
JavaScript
39
star
19

gs2geojson

Make geoJSON from Google Spreedsheets
JavaScript
39
star
20

person-page

Simple bio page with twitter and instagram. Fork-n-go!
JavaScript
33
star
21

reporobot

Robot that interacts with repos for much Git/GitHub learning fun!
JavaScript
33
star
22

gardening

CLI to see if you made a open source contribution today/yesterday
JavaScript
31
star
23

mappy

[Fork-n-Go] Fullscreen Map from Spreadsheet
JavaScript
27
star
24

sheetsee-maps

Module for adding maps to sheetsee.js
JavaScript
27
star
25

cli-boilerplate

Paste or write a HTML boilerplate file from the command line
JavaScript
26
star
26

sheetsee-cache

write/cache google spreadsheet data with node.js - work in progress
JavaScript
23
star
27

gh-pages-template

Fork this to start your own site or template for free hosting on GitHub Pages
HTML
22
star
28

sheetsee-tables

Module for creating tables with sheetsee.js
JavaScript
21
star
29

dotfiles

Stop losing them, me.
JavaScript
15
star
30

javascript-for-cats-electron

🐈 πŸ’» JavaScript for Cats...on Electron
HTML
14
star
31

vermeer

#vermeergoals
JavaScript
14
star
32

open-data-guide

A guide for the why and how to opening government data.
CSS
13
star
33

sheetsee-core

Module with core data manipulation functions for sheetsee.js
JavaScript
13
star
34

pollen

What to do with a bunch of pollen data
11
star
35

electron-workshopper-template

πŸ’» πŸ”¬ A template for building workshops on Electron
9
star
36

sheetsee-starter

Fork and get started with Sheetsee.js!
JavaScript
9
star
37

edu-on-github

Examples and resources for using GitHub as a tool for educators
9
star
38

jlord

It's me!
7
star
39

sorting-rocks

gonna make an atom shell app its gonna be like iPhoto/Photos but not do things i don't want it to
HTML
7
star
40

atom-party-theme

That time when you redo something because you forgot to back it up and then your computer died
CSS
7
star
41

sheetsee-charts

Add charting making functionality to sheetsee.js
JavaScript
7
star
42

glitch-spreadsheet

Repository for
HTML
7
star
43

seepennywork

Website for See Penny Work project - parallax scrolling!
CSS
6
star
44

Valentine-s-Day

Gotta start somewhere
6
star
45

ODB

Opening dirty files from a branch
JavaScript
6
star
46

the-muan-room

It's not weird.
JavaScript
5
star
47

write-on

w o r k i n p r o g r e s s
4
star
48

jlord.github.io

Next site... let's remember how!
CSS
4
star
49

spreadsheet-collector

Set up server to cache and serve data from Google Spreadsheets
JavaScript
4
star
50

jsfest

Slides and resources from my talk at JSFest 2014
4
star
51

osos

My OS//OS 2015 Slides
HTML
4
star
52

spreadsheet-mongodb

CLI tool to put Google Spreadsheet data into a MongoDB collection
JavaScript
4
star
53

tri-catch

website for viewing arrival times of pdx buses at your fave stops
3
star
54

tn-inserts

Traveler's Notebook Insert Templates
3
star
55

atom-party-theme-ui

Neon Party
CSS
3
star
56

places

Map!
JavaScript
3
star
57

mdtocsv

Markdown table to CSV
JavaScript
3
star
58

gundeaths

using sheetsee and @gundeaths data
JavaScript
3
star
59

jlord-portfolio

portfolio site is a Wordpress theme built off of Starkers and includes some fun JavaScript times.
PHP
3
star
60

osos-demo

demo
HTML
2
star
61

statusbar

Probably a terrible name.
2
star
62

whoops

JavaScript
2
star
63

project-tables

Filter PRs and Issues from GitHub through labels for projects.
JavaScript
2
star
64

Reading-Page

A page good for reading
JavaScript
2
star
65

hitestcooltest

2
star
66

spreadsheet-schedule

WIP
JavaScript
2
star
67

open-data-census-icons

icons for openness
2
star
68

mozfest-demo

Simple Sheetsee map demo for Mozfest session
JavaScript
2
star
69

My-Lord-s-Sound

Doink
2
star
70

notes

It's a blog!
HTML
2
star
71

begin-hello-world-app

Begin app
JavaScript
2
star
72

pebble-cat-app

Cool app shows picture of cat
Python
2
star
73

new-tab

[WIP]
CSS
2
star
74

forkngo-resist

Forkable sites with spreadsheet databasesβ€”for the Resistance!
HTML
2
star
75

testthisisatestwow

2
star
76

simplepersonalsite

The step in between the time it takes to create a real portfolio site is the time it takes to make a tiny site with links.
2
star
77

veil-look

Glitch weblog
Nunjucks
1
star
78

mindgrapes

Keep up with things.
1
star
79

splost-heroku

Wordpress on Heroku
PHP
1
star
80

flashcards

WIP
CSS
1
star
81

wp-ecab

Wordpress for ECAB on Heroku: ecab.herokuapp.com (obvs not designed yet)
PHP
1
star
82

imtesting

testtest
1
star
83

wp-heroku

Wordpress for ECAB on Heroku
1
star
84

tictactoe

really needed in the world
1
star
85

urbanists

ignite talk from last cfa day
1
star
86

docs-boilerplate

wwwwiiiiippp
JavaScript
1
star
87

hyperterm-vermeer

:D
1
star
88

testrepo

cool
1
star
89

talks

Talks-n-Things all in one place.
JavaScript
1
star
90

what-hello

TypeScript
1
star
91

tempportpage

A simple page for displaying a abridged portfolio of work. In other words, the one before the real one.
1
star
92

git-push-deploy

it's for git push deploying
1
star
93

hello-mozfest

At MozFest!
1
star
94

notecards

work in progress
CSS
1
star
95

books

Books I'm reading!
1
star
96

Eloquent-Javascript

jlord learns js
1
star
97

bostonstay

table of places to stay in boston
JavaScript
1
star
98

portfolio

A portfolio site template
1
star
99

menu-stickies

A menubar stickies app for an introduction to Electron
CSS
1
star
100

turtle

A collaborative programming environment for the LOGO programming language.
JavaScript
1
star