Git Product home page Git Product logo

neighborhoods's Introduction

Neighborhood Haiku Map

Tonight we'll be building a map of place-haikus about your neighborhood. See the live version here: http://maptimela.github.io/neighborhoods/

It's pretty lonely at the moment. We need you to help add haikus to the map! To do this we'll show you how to create a GitHub pull request with your haikus.

Setup

First a bit of setup...

If you get hung up on any of the setup steps DON’T PANIC! We can help you!

Exercise

Depending on whether you're using the command line tools or the GUI, some of these steps will be different.

Clone

The first step is to copy down our repository. This is called cloning.

If you are using the git command line, first open a terminal. Then decide where you want to keep our project files. If you don't know, try running this in your terminal:

mkdir GitHub
cd GitHub

That will create a new directory (folder) called GitHub where you can store all your projects.

Then clone our repository:

git clone https://github.com/maptimeLA/neighborhoods.git

You should now be able to run a local version of our neighborhood haiku app.

In your terminal change to our project directory (this is the folder you just cloned).

cd neighborhoods

Then use python to start a local webserver.

# For Python 2
python -m SimpleHTTPServer
# For Python 3
python -m http.server

Now open a browser and go to "localhost:8000". You should see our haiku map. If not, or if you see some kind of error, there was a problem with setup somewhere. Let us know, and we'll help you figure it out!

To quit the local webserver, in the terminal type ctrl+c.

Edit

The first thing to do when making changes to a project, is to create a new branch. What is a branch anyway?

Remember we're writing place haikus. So think about the place you want to write about, and create a branch named after that place.

Since your other terminal is busy serving our website, you'll need a new one. Open another terminal and go to our project directory.

cd ~/GitHub/neighborhoods
git checkout -b echo-park-lake-haiku

Then open your text editor and use it to open the haiku.csv file in our project directory.

Now, come up with a haiku about your place.

This is the hard part. Traditional Japanese Haiku are "short poems about a fleeting moment in nature" with no specific syllabic constraints. Less traditionaly, American haiku's tend to follow a rigid three line "5-7-5" syllable format and tend to be about whatever. Either way, don't fret too much. Any issues with your haiku will be addressed in our forthcoming rigourous haiku pull request process. 😉

This is the easy part. We'll need the latitude and longitude of your place to be able to plot it on the map. There are lots of ways to find lat/lon. Try this on: http://itouchmap.com/latlong.html

Once you've decided on a place, found it's lat/lon, and come up with a haiku, enter it into the haiku.csv in a similar format to the existing haiku.

github,haiku,latitude,longitude
"michaelkirk","Illicit lotus<br />Chili mango, jicama<br />This lake has secrets.",34.073,-118.261

Note put your haiku in quotes, and separate the lines with a <br /> html tag.

Commit

Committing is how you "snapshot" your changes to git.

If you are using command line git, from your project directory run this:

git add haiku.csv
git commit -m "Added my haiku"

You can check that it worked by running "git show" in your terminal. You should see some output in your terminal which includes your new haiku.

Push

So at this point your haiku changes are only in your local git repository. But the goal is to contribute your local work back to the main repository so everyone can appreciate it at http://maptimela.github.io/neighborhoods.

If you are using command line git, from your project directory run this:

git push origin echo-park-lake-haiku

Remember to substitute in whatever your branch name was for "echo-park-lake-haiku"!

If this worked you should be able to see your branch on github by going to: https://github.com/maptimeLA/neighborhoods/branches

Pull request

What's a pull request?

To create a pull requets...

Don't see it? Then likely there was an issue with the push step. Try again or ask for some help!

At this point, your pull request is waiting to be merged back into the main project. Try to find a nice reviewer for feedback on your haiku and it will get merged in no time!

If you see an error about merge conflicts, ask for help!

neighborhoods's People

Contributors

alewin98 avatar bondah avatar cityhubla avatar corwinstephen avatar eirinikos avatar jrhutson avatar jschleuss avatar machikoyasuda avatar matikin9 avatar michaelkirk avatar miguel-estrada avatar murriel avatar randradegithub avatar rideshare20 avatar rudazhang avatar scottmichaelball avatar socal760 avatar susan42roberts avatar yukikage avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

neighborhoods's Issues

Scrolling neighborhood count box

As we add haikus for more neighborhoods (yay) that count box is going to get really long. We should limit the height and add a scrollbar for overflow (styled to match the semi-transparent look of the box).

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.