Rewrite python

.gitignore

@@ -1 +1,2 @@
 node_modules/
+db/

AnarchitectsApp/.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["module:metro-react-native-babel-preset"]
+}

AnarchitectsApp/.buckconfig

@@ -0,0 +1,6 @@
+
+[android]
+  target = Google Inc.:Google APIs:23
+
+[maven_repositories]
+  central = https://repo1.maven.org/maven2

AnarchitectsApp/.gitattributes

@@ -0,0 +1 @@
+*.pbxproj -text

AnarchitectsApp/.gitignore

@@ -0,0 +1,61 @@
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+project.xcworkspace
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
+# BUCK
+buck-out/
+\.buckd/
+*.keystore
+
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
+
+*/fastlane/report.xml
+*/fastlane/Preview.html
+*/fastlane/screenshots
+
+# Bundle artifact
+*.jsbundle
+
+android/
+ios/
+web-build/
+.expo/

AnarchitectsApp/App.tsx

@@ -0,0 +1,156 @@
+import React, { useState, useEffect } from 'react';
+import { StyleSheet, Text, View, SafeAreaView, SectionList, Button, TextInput } from 'react-native';
+
+type Building = { id: string, name: string, value: number }
+
+export default function App() {
+
+  const [buildings, setBuildings] = useState([])
+  const [buildingName, setBuildingName] = useState("")
+
+  useEffect(() => {
+    getBuildings()
+    setBuildings(mockBuildings)
+  }, [])
+
+  function handleBuildingNameInput(name: string) {
+    setBuildingName(name)
+  }
+
+  const mockBuildings = [
+    {
+      title: "Feracious Fields",
+      data: [{
+        id: 22,
+        name: "Feracious Fields",
+        value: 10244.19
+      }]
+    },
+    {
+      title: "Greene Meadows",
+      data: [{
+        id: 14,
+        name: "Greene Meadows",
+        value: 1989.11
+      }]
+    },
+    {
+      title: "Woodlawn Terrace",
+      data: [{
+        id: 14,
+        name: "Woodlawn Terrace",
+        value: 23232.10
+      }]
+    },
+    {
+      title: "Mohawk Estates",
+      data: [{
+        id: 16,
+        name: "Mohawk Estates",
+        value: 23232.10
+      }]
+    },
+  ]
+
+  function getBuildings() {
+    return fetch('http://192.168.178.33:5000/buildings', {
+      mode: 'cors',
+      headers: {
+        "Content-Type": "application/json",
+        Accept: "application/json"
+      }
+    })
+      .then((response) => {
+        return response.json()
+      })
+      .then(responseJson => {
+        const buildingsData = responseJson && responseJson.buildings.map((item) => {
+          return { title: item.name, value: item.value, data: [item] }
+        });
+        setBuildings(buildingsData)
+      })
+      .catch((error) => {
+        console.error(error);
+      });
+  }
+
+  function createNewBuilding() {
+    return {
+      name: buildingName, value: 0
+    }
+  }
+
+  function triggerAddBuilding() {
+    const data = createNewBuilding()
+    return fetch('http://192.168.178.33:5000/buildings', {
+      method: 'POST',
+      mode: 'cors',
+      headers: {
+        "Content-Type": "application/json",
+        Accept: "application/json"
+      },
+      body: JSON.stringify(data)
+    })
+      .then((response) => {
+        return response.json()
+      })
+      .then(responseJson => {
+        console.log(responseJson)
+      })
+      .catch((error) => {
+        console.error(error);
+      });
+  }
+
+  function Item({ title, value }) {
+    return (
+      <View style={styles.item}>
+        <Text>{title}</Text>
+        <Text>{value}</Text>
+      </View>
+    );
+  }
+
+  return (
+    <SafeAreaView style={styles.container}>
+      <View>
+        <SectionList
+          sections={buildings}
+          keyExtractor={(item: { title: string, value: number }, index: number) => item.title + index}
+          renderItem={({ item }) => <Item title={item.title} value={item.value} />}
+          renderSectionHeader={({ section: { title } }) => <Text style={styles.header}>{title}</Text>}
+        />
+      </View>
+      <View>
+        <Text>{buildingName}</Text>
+        <TextInput
+          style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
+          onChangeText={text => handleBuildingNameInput(text)}
+          value={buildingName}
+        />
+        <Button
+          title="Add Building"
+          onPress={triggerAddBuilding}
+        />
+      </View>
+    </SafeAreaView>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    //marginHorizontal: 16,
+  },
+  item: {
+    backgroundColor: '#f9c2ff',
+    padding: 20,
+    marginVertical: 8,
+  },
+  header: {
+    fontSize: 32,
+  },
+  title: {
+    fontSize: 24,
+  },
+});

AnarchitectsApp/__tests__/App.js

@@ -0,0 +1,10 @@
+import 'react-native';
+import React from 'react';
+import App from '../App.tsx';
+
+// Note: test renderer must be required after react-native.
+import renderer from 'react-test-renderer';
+
+it('renders correctly', () => {
+  renderer.create(<App />);
+});

AnarchitectsApp/app.json

@@ -0,0 +1,17 @@
+{
+  "name": "AnarchitectsApp",
+  "displayName": "AnarchitectsApp",
+  "expo": {
+    "name": "AnarchitectsApp",
+    "slug": "AnarchitectsApp",
+    "privacy": "unlisted",
+    "sdkVersion": "36.0.0",
+    "version": "1.0.0",
+    "entryPoint": "node_modules/expo/AppEntry.js",
+    "platforms": [
+      "ios",
+      "android",
+      "web"
+    ]
+  }
+}

AnarchitectsApp/babel.config.js

@@ -0,0 +1,6 @@
+module.exports = function(api) {
+  api.cache(true);
+  return {
+    presets: ['babel-preset-expo'],
+  };
+};

AnarchitectsApp/index.js

@@ -0,0 +1,5 @@
+import {AppRegistry} from 'react-native'
+import App from './App'
+import {name as appName} from './app.json'
+
+AppRegistry.registerComponent(appName, () => App)