feature/habit card component

.eslintrc.json

@@ -1,14 +1,25 @@
 {
-    "parser": "babel-eslint",
-    "extends": "airbnb",
-    "plugins": [
-        "react"
-
+  "parser": "babel-eslint",
+  "extends": ["airbnb", "prettier/react"],
+  "plugins": ["react", "prettier"],
+  "env": {
+    "jest": true
+  },
+  "rules": {
+    "react/jsx-filename-extension": [
+      "error",
+      {
+        "extensions": [".js", ".jsx"]
+      }
     ],
-    "env": {
-        "jest": true
-    },
-    "rules": {
-        "react/jsx-filename-extension": ["error", { "extensions": [".js", ".jsx"] }]
-    }
+    "react/prop-types": 0,
+    "react/jsx-no-bind": 1,
+    "prettier/prettier": [
+      "error",
+      {
+        "singleQuote": true,
+        "trailingComma": "es5"
+      }
+    ]
+  }
 }

.gitignore

@@ -54,3 +54,6 @@ buck-out/
 
 # Bundle artifact
 *.jsbundle
+
+# Jest artifacts
+coverage/

App.js

@@ -1,48 +1,31 @@
 import React from 'react';
-import {
-  Platform,
-  StyleSheet,
-  Text,
-  View,
-} from 'react-native';
-
-const instructions = Platform.select({
-  ios: 'Press Cmd+R to reload,\n' +
-    'Cmd+D or shake for dev menu',
-  android: 'Double tap R on your keyboard to reload,\n' +
-    'Shake or press menu button for dev menu',
-});
+import { StyleSheet, View, ScrollView } from 'react-native';
+import { DaysOfWeek, HabitCard } from './app/components';
 
 const styles = StyleSheet.create({
   container: {
     flex: 1,
     justifyContent: 'center',
     alignItems: 'center',
-    backgroundColor: '#F5FCFF',
-  },
-  welcome: {
-    fontSize: 20,
-    textAlign: 'center',
-    margin: 10,
-  },
-  instructions: {
-    textAlign: 'center',
-    color: '#333333',
-    marginBottom: 5,
+    backgroundColor: '#ccc',
   },
 });
 
 const App = () => (
   <View style={styles.container}>
-    <Text style={styles.welcome}>
-      Welcome to React Native!
-    </Text>
-    <Text style={styles.instructions}>
-      To get started, edit App.js
-    </Text>
-    <Text style={styles.instructions}>
-      {instructions}
-    </Text>
+    <DaysOfWeek />
+    <ScrollView>
+      <HabitCard title="Wake up early than 6 am" />
+      <HabitCard title="Don't miss class" />
+      <HabitCard title="One new recipe a week" />
+      <HabitCard title="One pull request a week" />
+      <HabitCard title="" />
+      <HabitCard title="Daily production above the six" />
+      <HabitCard title="2 liters of water a day" />
+      <HabitCard title="One book per month" />
+      <HabitCard title="One new movie a week" />
+      <HabitCard title="One hour one daily knowledge" />
+    </ScrollView>
   </View>
 );