Code Monkey home page Code Monkey logo

easy-street-challenge's Introduction

StreetEasy Frontend Developer Work Sample

Hello! Thanks for your interest in applying for the frontend developer position at StreetEasy. This is the work sample that we use to evaluate your development skills. We've kept it as close as possible to how we normally work and hope it gives you a feel for the tools and workflow we regularly use.

Instructions

Use the existing application structure to deliver the requirements in the user stories below. Specifically we are evaluating your ability to:

  • Write well structured and semantic HTML
  • Structure CSS according to conventions or a styleguide
  • Utilize modern CSS features for responsive design and animations
  • Use ERB templating features
  • Use SASS features correctly
  • Write basic JavaScript to handle events and manipulate the DOM
  • Use git with a small meaningful commit history
  • Get your implementation as close to the designs as possible

Make any assumptions that you need to. If you want to add any extra touches that showcase your skills, please feel free to do so!

User Stories

Designs and original Sketch files.

View listings

As a user on the site, I am able to view all listings.

  • The list should be responsive and work in both desktop and mobile sizes.

Add listings to cart

As a user on the site I am able to add listings to the cart.

  • An "add" button is displayed next to each listing.
  • Clicking the button changes the button state and increases the count in the "cart".
  • The animations work as per the designs.
  • The design must work in both desktop and mobile view.

Getting up and running

The following instructions assume you are running OS X.

Install the correct ruby and gems

We use rbenv to manage our ruby version. If you have homebrew then you can install this with:

$ brew update && brew install rbenv

Next, from the root of this project directory, install the correct version of ruby, bundler and associated gems:

$ rbenv install
$ gem install bundler
$ bundle install

Start the application

This is a Sinatra application. To run the application:

$ bundle exec rerun 'rackup'

If everything has installed correctly, this should start an application on http://localhost:9292/.

Submitting your solution

Once your exercise is complete, commit your work, create a patch file and send that to us. Please do not fork this public GitHub repo. We don't want other people copying your work! To create the patch:

git format-patch origin/master --stdout > fe-ws.patch

Good luck and enjoy!# easy-street-challenge

easy-street-challenge's People

Contributors

ifelse- 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.