osagaius

# UI/UX Take Home Exercise

## Instructions

Create a responsive single page app that is a simple conversation interface for a customer support agent. The interface will be used by an agent interacting over SMS or WhatsApp with a customer who is buying a product. The agent should be able to see new text messages, and respond in real-time directly to the customer's cell phone.

Think about the following before getting started, and document your thoughts before you start coding. 
* What front-end components are required? 
* How would you build the front-end? What back-end endpoints would you need? Assume that the backend API will be built by another developer, while you're building the front-end. Please mock the requests and responses from the backend API/service endpoints you will need.

osagaius

ERROR in ./node_modules/@mobiscroll/react/dist/css/mobiscroll.min.css
Module build failed: ModuleParseError: Module parse failed: Unexpected character '^@' (1:0)
You may need an appropriate loader to handle this file type.
(Source code omitted for this binary file)
    at handleParseError (/Users/osayame/Dropbox/Osayame/Work/Parrotmob/Repos/parrotmob/assets/node_modules/webpack/lib/NormalModule.js:364:19)
    at doBuild.err (/Users/osayame/Dropbox/Osayame/Work/Parrotmob/Repos/parrotmob/assets/node_modules/webpack/lib/NormalModule.js:396:5)
    at runLoaders (/Users/osayame/Dropbox/Osayame/Work/Parrotmob/Repos/parrotmob/assets/node_modules/webpack/lib/NormalModule.js:272:12)
    at /Users/osayame/Dropbox/Osayame/Work/Parrotmob/Repos/parrotmob/assets/node_modules/loader-runner/lib/LoaderRunner.js:373:3
    at iterateNormalLoaders (/Users/osayame/Dropbox/Osayame/Work/Parrotmob/Repos/parrotmob/assets/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
    at Array.<anonymous> (/Users/osayame/Dropbox/Osayame/Wo

osagaius

_handleButtonPress() {
  var userId = Firebase.auth().currentUser.uid;

  this.setState({checkedIn: true});
  Firebase.database().ref('users/' + userId).set({
    checkedIn: true,
    lastCheckIn: + new Date()
  });
}

osagaius

import React, { Component } from 'react';
import { Text, View, StyleSheet, TextInput, Alert, Image, Button } from 'react-native';
import Firebase from 'firebase';
import { Location, Permissions } from 'expo';
import GeoPoint from 'geopoint';

export class HomeScreen extends Component {
  state = {
    location: {}
  };

osagaius

import React, { Component } from 'react';
import { Text, View, Button } from 'react-native';
import { Location, Permissions } from 'expo';
import GeoPoint from 'geopoint';

export default class HomeScreen extends Component {
  state = {
    location: {}
  };

osagaius

import React, { Component } from 'react';
import { Text, View, StyleSheet, TextInput, Alert, Image, Button } from 'react-native';
import Firebase from 'firebase';

//PASTE YOUR CONFIG BELOW

import { LinearGradient } from "expo";

import { StackNavigator, NavigationActions } from 'react-navigation';

osagaius

import React, { Component } from 'react';
import { Text, View, StyleSheet, TextInput, Alert, Image, Button } from 'react-native';

import { LinearGradient } from "expo";

export default class App extends Component {
  state = {
    email: "",
    password: "",
    errors:[]

osagaius

import React, { Component } from 'react';
import { Text, View, StyleSheet, TextInput, Alert, Image, Button } from 'react-native';


import { LinearGradient } from "expo";


export default class App extends Component {
  state = {
    email: "",

osagaius

The snow burns at Trolltunga, licking the Neutrogena sunscreen down your neck, 
Painting red streaks on the checkered skin of the redhead from Idaho Falls 
leading the pack of Americans crawling 2 kilometers behind the four average Norwegian men
whistling ahead, tossing a leather-bound flask of aquavit amongst themselves, 
with zero preparation and that distinct European hubris that only respects nature and IKEA, 
as the whole group looks toward the 99th switchback, covered in spoiled wet moss 
like cheap suedes in the rain, still carrying the aroma of the fish markets in Skjeggedal
where the Americans and Chinese tourists indulged on Export and reindeer steak the night before,
all yawning excessively with upset stomachs as dusk enveloped the fiord, and re-considering 
the 27 kilometer climb to the famous cliff for a photo or two

osagaius

This preso made CRDTs really click for me

- http://richard.dallaway.com/crdt/

But only after reading this paper which describes a CRDT imlemented as a tree of edits.

- https://hal.inria.fr/file/index/docid/445975/filename/icdcs09-treedoc.pdf

Grokking how conflict resolution is determined is key I think. The CRDT will hold every party's