Coder Social home page Coder Social logo

vendingmachine's Introduction

VendingMachine

VendingMachine Coding Challenge for FoxCommerce

Node js 6.10 should be installed

Open your project directory and run:

npm install

npm update

npm install typings --global

typings install

Prepare for start and for release

npm run build

Start local server on 3000 (http://localhost:3000)

npm run dev-server

Running application screenshot

running-app

Code Challenge | FoxCommerce UI Engineer | Invitation to Interview and Coding Challenge

Welcome to the FoxCommerce code challenge!

Brainteasers and algorithmic challenges are certainly fun and helpful, but we'd love to see a more real-life example of the code you write.

We've hand-crafted a coding challenge in our problem domain for you to tackle. We've designed the challenge to test your problem solving skills in addition to your communication skills.

Create a vending machine using react.js and any other technologies you wish. The vending machine can take any currency you wish, and can sell any products you wish. The vending machine should be API driven and respond to basic commands, such as pay and select product.

Your primary objectives:

Represent a basic data model that underlays the functionality. Prototype (quickly) a simple UI that allows the user to interact with the machine. Create at least one action in the UI that behaves the way the user would expect.

Things you don't need:

An API Backend. (Feel free to mock-data in the UI.) Persistence. (You can persist in-memory for now.) Full implementation of the machine. (One or two actions is enough.) Unit tests. (Really. We won't judge you.)

Please commit all of your work to a GitHub repository and share it with us once you are complete. Be sure to include instructions on how we might interact with the system. You have as much or as little time as you want.

What we are looking for

Thoughtfulness. Simplicity and speed. How do you communicate and incorporate feedback.

Some guidelines to help you get started

As you will notice, this is not a simple algorithms or computer science test. We are trying to get an idea for how you think and how you communicate as a teammate.

Some things you might want to consider doing to help us along:

Document your thinking (either in a PR or an Issue)

Why did you choose the frameworks and libraries you did? What functionality did you choose to focus on? To omit? Why? What were your design/architecture considerations?

Open issues with any questions you have.

What isn't clear to you? Which assumptions are you making because of lacking information? Feel free to make assumptions and proceed.

vendingmachine's People

Contributors

vyemialyanchyk avatar

Watchers

 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.