Giter VIP home page Giter VIP logo

redux-chat-base's Introduction

React + redux(or flux) interview test

Hi, thanks for taking the test. It's designed to see how well you can apply a modern pattern like redux (or other flux-derivative) to structure an application into maintainable chunks.

We've already provided some things for you, and there are a few ground rules.

But first, the goal of this test is to produce a working (though rudimentary) chat client using our existing peer-to-peer framework. You can read about the API for the chat framework here: chat-service/readme.md

  1. At the end of the test we must be able to open your app in three browser windows, join the room as a named user and communicate with the other users using basic text chat.
  2. Please use this exercise to demonstrate your knowledge of ES6, following the react.js' community's conventions where possible.
  3. Place your source code in a top-level folder named "js"
  4. Your SPA should be served out of the top-level folder named "app"
  5. We've already set up Babel for use as a transpiler. Feel free to add other tools as appropriate via npm, and to install them globally if necessary (please keep a note though... :/ ).

##Designs Below are the designs which give further detail about what you need to produce, with notes from our UX designer.

You'll find his original example HTML files in the app folder, along with the necessary CSS and png file. You shouldn't need to alter the CSS to complete this test.

Note the important note at the very bottom about keeping the scroll position fixed to the end of the conversation.

Slide 1 Slide 2 Slide 3 Slide 4

Good luck! You can spend a maximum of 2 hours on it, but if you finish early, we can go get some beer, so the quicker the better.

redux-chat-base's People

Contributors

agibson-vrnt avatar

Watchers

Gareth Robinson 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.