Git Product home page Git Product logo

tracker-web's Introduction

Frontend Development Sample Project

This is a sample project used by applicants interested in a career at Versus Systems.

Context

At Versus Systems a portion of our platform is currently built on a similar stack. Using this semi-real-world application helps us to determine how you interact with a code base to add a feature.

This application is very incomplete and as such has plenty of room for you to add a feature.

Overview

Inside the design folder is a picture of the projectg dashboard we would like you to build.

The project has been setup with Redux and Redux and we would like you to make the dasboard look and feel as pictured.

Style Guide

Font

  • Roboto

Colors

  • Red: #C53E3E
  • Green: #3EC556
  • Blue: #3E74C5

Setup

Software

  • Node 6
  • React 15
  • Redux 3.5

If you are on a Mac and don't have Node installed yet:

brew install node

If you are using Linux install via your favorite package manager.

Environment Setup

Though this is a front end web project with no "server" component, it does use Node for both building the project and serving it locally in development mode via Webpack.

  • npm install

Running Tests

There is a unit test framework setup using Mocha, however currently there are no unit tests.

  • npm run tests

There is a small Cucumber feature suite set up with several features described. The application must be running/served for the feature tests to work.

  • npm run start - Start the webpack dev server in one terminal
  • bin/cucumber - Run the cucumber features in another terminal

Interacting with the system

  • npm run start - Run the webpack dev server

What's Expected

As a general rule this follows the format of many common React + Redux applications. You should attempt to follow the conventions of the project, though divergence is acceptable with good reason.

You should feel free to add any libraries or tools you feel are necessary to complete the feature you have been asked to add.

You should feel proud of your solution and confident the feature is a good addition to the code base.

tracker-web's People

Contributors

alexpeachey avatar ssebelius 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.