Giter VIP home page Giter VIP logo

gainstallfest's Introduction

My Amazing First WDI App

We're going to modify this Sinatra application to make sure that everything works. The aim is for you to publish your very own first web application to the web by the end of the installfest.

Install

  • cd into your wdi folder
    cd ~/dev/wdi
  • Fork this repo by clicking the 'fork' button above forking

  • Get your clone URL from here:

clone_url

  • Clone your forked repository. The command should look something like this:
    git clone https://github.com/____YOUR_GITHUB_NAME_______/GAInstallfest.git
  • Change into your new project folder
    cd GAInstallfest
  • Open the app in Sublime and navigate to the welcome_app.rb file
    subl .
  • Fill in the account info here. We'll put what to enter on the board.

account_info

  • Same thing for the 'from' and 'to' fields:

phone

  • Save your file

  • Install bundler

  gem install bundler --no-ri --no-rdoc
  • Install the ruby gems required for the application
   bundle
    heroku login
  • Create an app on Heroku using:
    heroku create
    git push heroku master
  • Cut+paste your heroku URL into your favorite web browser. You should see the example app.

  • Fill in the survey and hit the submit button

Development cycle

You should work through the TODO list below, using the following methodology:

  • Run the example application using the following command. You should see the web application running locally in your browser at http://localhost:4567.
    ruby welcome_app.rb
  • Make a change locally in your text editor.

  • If you make a change to the welcome_app.rb, you'll need to restart the server. You do this by killing the process using CTRL+C in your terminal window.

  • Once you're happy with your change, save your changes to your local repo using the following commands:

    git add .
    git commit -m "Write down briefly what you changed in here"
    git push heroku master
  • Test your changes on the Heroku URL you remembered from before. Make sure it worked!

  • At the end of the day, push your changes to your own github profile using

   git push origin master

TODO

Working in pairs, see if you can figure out how to do the following:

  1. Change the application so that it sends a text message to your mobile phone.
  2. Change the title in the browser title bar to something more exciting.
  3. Change the images to seem more win-y, fail-y, or meh-y. Check out Giphy for some good options :)
  4. Employ some of the CSS tricks you picked up during the prework to pretty the page up a bit:
  • Try out some different fonts
  • Try out some different font sizes
  • Try out some different colors
  • Try changing the layout, so that the form questions appear to the right hand side of the image
  • Change the appearance of the submit button so that it is something that you would like to click

gainstallfest's People

Contributors

jkonowitch avatar peterylai avatar

Watchers

 avatar  avatar

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.