Coder Social home page Coder Social logo

count's Introduction

Count app

A tiny Sinatra and JavaScript web app that shows a number and a button to increment the number.

Deployed at http://count-sheep.herokuapp.com

Exemplifies:

  • Making Ajax requests.
  • Testing frontend code.
  • Separating frontend concerns into model, view and controller.

If you have a reasonably deep understanding of this code, you should be able to pass a JavaScript junior developer tech test.

 -------------------------------
|  -----------                  |
| | Increment |                 |
|  -----------                  |
|                               |
| 23                            |
|                               |
 --------------------------------

Install

$ cd path/to/count/repo
$ bundle

Run the app

$ cd path/to/count/repo
$ ruby app.rb
$ open http://localhost:9393

Run the tests

Frontend

$ cd path/to/count/repo
$ open spec/frontend/SpecRunner.html

Backend

$ cd path/to/count/repo
$ rspec

User stories

As a shepherd
I can see the number of sheep I've counted back into the pen
So I know if the whole flock is home

As a shepherd
I can increment the number of sheep
So I can record the fact that another sheep has gone into the pen

As a shepherd
I can reopen the app and see my latest count
So I don't lose track of my count if my browser crashes

count's People

Contributors

maryrosecook avatar

Watchers

James Cloos 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.