Giter VIP home page Giter VIP logo

ui-engineer-exercise's Introduction

SalesLoft UI Exercise

The Why

At SalesLoft, we are looking for team oriented, technically strong, and results focused engineers. We believe in empowering engineers to work in ways that bring out the best in them. With that in mind, we’ve designed this exercise to be done in your time instead of a traditonal on the spot whiteboarding challenge. We use this exercise to evaluate candidates' technical competency, but also using it as a way for you to have an idea of what it is like working at SalesLoft.

The exercise is written in React, and we’ve included a few libraries (Styled Components / React Testing Library) that we use daily. If you are not familiar with them or more comfortable with other tools, feel free to use whatever works best for you. We want this to be a good representation of what a typical day looks like, so we have included a Card that lays out the specific requirements and acceptance criteria for the exercise along with an inspectable mock.

We also believe in continuous improvement; if you have any feedback about the exercise, please submit via this google form.

Getting Started

  1. Clone the repo $ git clone [email protected]:SalesLoft/ui-engineer-exercise.git
  2. Install dependencies $ npm i
  3. Start the application $ npm start

Inspecting the mock

  1. Click the link to figma and create a free account
  2. Select an element to view its styles
  3. Hover over elements in order to see layout and spacing

Submission

Submit the exercise via Greenhouse. The submission should include:

  • A link to the Github repo
  • A link to a running version of the application (We recommend Netlify)

Setting up Netlify

  • Login to your Netlify account or create one with your Github account
  • Click the “Sites” tab and click the button “New site from Git”
  • Follow the setup guide
    • Connect Netlify to your Github account
    • Pick the repo for your exercise (If it’s not listed, you may need to configure Netlify access to Github )
    • For “Branch to Deploy” Choose the branch where your final work is stored
    • Build command - npm run build
    • Publish Directory - build

ui-engineer-exercise's People

Contributors

rcackerley avatar simonxcode 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.