From 634914a14dd5fc914c22926db000033079b16635 Mon Sep 17 00:00:00 2001 From: bostrombundock Date: Fri, 29 Apr 2022 14:12:12 +0200 Subject: [PATCH 01/11] added a style --- components/SensorComponent.js | 43 +++++++++++++++++++++-------------- 1 file changed, 26 insertions(+), 17 deletions(-) diff --git a/components/SensorComponent.js b/components/SensorComponent.js index 9719301f..9f4b9d22 100644 --- a/components/SensorComponent.js +++ b/components/SensorComponent.js @@ -1,17 +1,11 @@ import React, { useState, useEffect } from "react"; import { Accelerometer } from "expo-sensors"; import styled from "styled-components/native"; +import { View, Text} from "react-native"; + -// ========================== -// = Functions const isShaking = (data) => { - // x,y,z CAN be negative, force is directional - // We take the absolute value and add them together - // This gives us the total combined force on the device const totalForce = Math.abs(data.x) + Math.abs(data.y) + Math.abs(data.z); - - // If this force exceeds some threshold, return true, otherwise false - // Increase this threshold if you need your user to shake harder return totalForce > 1.78; }; @@ -34,11 +28,23 @@ const ShakeDataTitle = styled.Text` const ShakeData = styled.Text``; export const SensorComponent = () => { - // This function determines how often our program reads the accelerometer data in milliseconds - // https://docs.expo.io/versions/latest/sdk/accelerometer/#accelerometersetupdateintervalintervalms + + const [quote, setQuote] = useState({}); + + const generateQuote = () => { + fetch("https://api.quotable.io/random") + .then(response => response.json()) + .then(data => setQuote(data)) + } + useEffect(() => { + generateQuote(); + }, [data]); + + + Accelerometer.setUpdateInterval(400); - // The accelerometer returns three numbers (x,y,z) which represent the force currently applied to the device + const [data, setData] = useState({ x: 0, y: 0, @@ -83,14 +89,17 @@ export const SensorComponent = () => { - Maybe we want to dispatch some redux event when device shakes? - Maybe change some styled props? */} - {isShaking(data) && Shaking} + {isShaking(data) &&generateQuote()} - Shake Data - {/* toFixed(2) only shows two decimal places, otherwise it's quite a lot */} - X: {data.x.toFixed(2)} - Y: {data.y.toFixed(2)} - Z: {data.z.toFixed(2)} + + + + + {quote.content} + {quote.author} + + ); }; From eb356b10b5be1a93c093a8cb72e4705c2af1a003 Mon Sep 17 00:00:00 2001 From: bostrombundock Date: Sat, 30 Apr 2022 12:39:28 +0200 Subject: [PATCH 02/11] added a style --- App.js | 9 ++-- components/SensorComponent.js | 79 +++++++++++++-------------------- components/ShakeApi.js | 83 +++++++++++++++++++++++++++++++++++ 3 files changed, 117 insertions(+), 54 deletions(-) create mode 100644 components/ShakeApi.js diff --git a/App.js b/App.js index 6b897d8c..b5b7da09 100644 --- a/App.js +++ b/App.js @@ -4,15 +4,12 @@ import { SensorComponent } from "./components/SensorComponent"; const Container = styled.View` flex: 1; - background-color: papayawhip; + background-color: #2C3D4F; justify-content: center; - align-items: center; + font-family: monspace; `; -const Title = styled.Text` - font-size: 24px; - color: palevioletred; -`; + const App = () => { return ( diff --git a/components/SensorComponent.js b/components/SensorComponent.js index 9f4b9d22..aea5ec17 100644 --- a/components/SensorComponent.js +++ b/components/SensorComponent.js @@ -1,34 +1,36 @@ import React, { useState, useEffect } from "react"; import { Accelerometer } from "expo-sensors"; import styled from "styled-components/native"; -import { View, Text} from "react-native"; - +import { View, Text, TouchableOpacity } from "react-native"; const isShaking = (data) => { const totalForce = Math.abs(data.x) + Math.abs(data.y) + Math.abs(data.z); return totalForce > 1.78; }; -// ========================== -// = Styled components -const ShakeView = styled.View` +const Container = styled.View` display: flex; - flex-direction: column; + text-align + justify-content: center; + font-family: monospace; + margin-bottom: 20px; + font-weight: 30px; `; -const ShakeAlert = styled.Text` - font-size: 36px; - font-weight: bold; - color: #aa0000; -`; -const ShakeDataView = styled.View``; -const ShakeDataTitle = styled.Text` - font-weight: bold; -`; -const ShakeData = styled.Text``; +const Button = styled.TouchableOpacity` +display:flex; +border: solid 2px; +width: 50%; +border-radius:5px; +padding:8px; +position:relative; +justify-content: center; +margin-top: 20px; +box-shadow: 5px 5px #000; +` + ; export const SensorComponent = () => { - const [quote, setQuote] = useState({}); const generateQuote = () => { @@ -40,66 +42,47 @@ export const SensorComponent = () => { generateQuote(); }, [data]); - - Accelerometer.setUpdateInterval(400); - const [data, setData] = useState({ x: 0, y: 0, z: 0, }); - // This keeps track of whether we are listening to the Accelerometer data const [subscription, setSubscription] = useState(null); const _subscribe = () => { - // Save the subscription so we can stop using the accelerometer later setSubscription( - // This is what actually starts reading the data + Accelerometer.addListener((accelerometerData) => { - // Whenever this function is called, we have received new data - // The frequency of this function is controlled by setUpdateInterval + setData(accelerometerData); }) ); }; - // This will tell the device to stop reading Accelerometer data. - // If we don't do this our device will become slow and drain a lot of battery const _unsubscribe = () => { subscription && subscription.remove(); setSubscription(null); }; useEffect(() => { - // Start listening to the data when this SensorComponent is active _subscribe(); - - // Stop listening to the data when we leave SensorComponent return () => _unsubscribe(); }, []); return ( - - {/* - If isShaking returns true: - - We could render conditionally - - Maybe we want to dispatch some redux event when device shakes? - - Maybe change some styled props? - */} - {isShaking(data) &&generateQuote()} - - - - + + {isShaking(data) && generateQuote()} - - {quote.content} - {quote.author} - - - + {quote.content} + {quote.author} + + + + ); }; diff --git a/components/ShakeApi.js b/components/ShakeApi.js new file mode 100644 index 00000000..9ab1725e --- /dev/null +++ b/components/ShakeApi.js @@ -0,0 +1,83 @@ +import React from "react"; +import React, { useState, useEffect } from "react"; +import { View, Text, TouchableOpacity } from "react-native"; +import styled from "styled-components"; +import { Accelerometer } from "expo-sensors"; + +const ShakeApi = () => { + + const [quote, setQuote] = useState({}); + + const generateQuote = () => { + fetch("https://api.quotable.io/random") + .then(response => response.json()) + .then(data => setQuote(data)) + } + + const ApiButton = styled.TouchableOpacity` + font-weight: 700; + width: 50%; + background-colour: grey: + +` + const unsubscribe = () => { + subscription && subscription.remove(); + setSubscription(null); + }; + + ///// + + const [data, setData] = useState({ + x: 0, + y: 0, + z: 0, + }); + const [subscription, setSubscription] = useState(null); + + const { x, y, z } = data; + + const subscribe = () => { + setSubscription( + Accelerometer.addListener(accelerometerData => { + setData(accelerometerData); + }) + ); + }; + + + const unsubscribe = () => { + subscription && subscription.remove(); + setSubscription(null); + }; + + useEffect(() => { + subscribe(); + + return () => unsubscribe(); + }, []); + + const isShaking = (data) => { + const totalForce = Math.abs(data.x) + Math.abs(data.y) + Math.abs(data.z); + return totalForce > 1.78; + } + + useEffect(() => { + if (isShaking(data)) { + generateQuote(); + } + }, [data]) + + return ( + + {data.x} + {data.y} + {data.z} + {quote.content} + {quote.author} + + + ) +} + + +export default ShakeApi; \ No newline at end of file From 5cf243b32b902930346317c62796a7d6f7f4b018 Mon Sep 17 00:00:00 2001 From: bostrombundock Date: Sat, 30 Apr 2022 13:10:01 +0200 Subject: [PATCH 03/11] added a style --- App.js | 1 + components/SensorComponent.js | 6 ++++-- 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/App.js b/App.js index b5b7da09..d2469439 100644 --- a/App.js +++ b/App.js @@ -7,6 +7,7 @@ const Container = styled.View` background-color: #2C3D4F; justify-content: center; font-family: monspace; + color:red; `; diff --git a/components/SensorComponent.js b/components/SensorComponent.js index aea5ec17..6484b21a 100644 --- a/components/SensorComponent.js +++ b/components/SensorComponent.js @@ -14,7 +14,7 @@ const Container = styled.View` justify-content: center; font-family: monospace; margin-bottom: 20px; - font-weight: 30px; + overflow-wrap:break-word; `; const Button = styled.TouchableOpacity` @@ -23,10 +23,12 @@ border: solid 2px; width: 50%; border-radius:5px; padding:8px; -position:relative; +margin-left: 200px; justify-content: center; margin-top: 20px; +font-family: monospace; box-shadow: 5px 5px #000; +background-color: pink; ` ; From a7198fdc70249d279dbfb4babd9f789678309b01 Mon Sep 17 00:00:00 2001 From: bostrombundock Date: Sat, 30 Apr 2022 13:36:00 +0200 Subject: [PATCH 04/11] added a style --- App.js | 3 +-- components/SensorComponent.js | 22 +++++++++++----------- 2 files changed, 12 insertions(+), 13 deletions(-) diff --git a/App.js b/App.js index d2469439..f5eb9bea 100644 --- a/App.js +++ b/App.js @@ -6,8 +6,7 @@ const Container = styled.View` flex: 1; background-color: #2C3D4F; justify-content: center; - font-family: monspace; - color:red; + `; diff --git a/components/SensorComponent.js b/components/SensorComponent.js index 6484b21a..f150e326 100644 --- a/components/SensorComponent.js +++ b/components/SensorComponent.js @@ -10,28 +10,28 @@ const isShaking = (data) => { const Container = styled.View` display: flex; - text-align - justify-content: center; + text-align: center; font-family: monospace; margin-bottom: 20px; + overflow-wrap:break-word; `; const Button = styled.TouchableOpacity` -display:flex; +display: flex; +text-align: center; border: solid 2px; -width: 50%; +width: 20%; border-radius:5px; -padding:8px; -margin-left: 200px; -justify-content: center; -margin-top: 20px; -font-family: monospace; +padding:10px; +margin-top: 30px; box-shadow: 5px 5px #000; -background-color: pink; +background-color: grey; + ` ; + export const SensorComponent = () => { const [quote, setQuote] = useState({}); @@ -80,7 +80,7 @@ export const SensorComponent = () => { {quote.content} {quote.author} - From 0f34052536c143afe4aee41f00f1075480b401a8 Mon Sep 17 00:00:00 2001 From: bostrombundock Date: Sat, 30 Apr 2022 21:43:59 +0200 Subject: [PATCH 05/11] added a font --- App.js | 1 - components/SensorComponent.js | 14 +++--- components/ShakeApi.js | 83 ----------------------------------- 3 files changed, 7 insertions(+), 91 deletions(-) delete mode 100644 components/ShakeApi.js diff --git a/App.js b/App.js index f5eb9bea..f69c992a 100644 --- a/App.js +++ b/App.js @@ -10,7 +10,6 @@ const Container = styled.View` `; - const App = () => { return ( diff --git a/components/SensorComponent.js b/components/SensorComponent.js index f150e326..858e1221 100644 --- a/components/SensorComponent.js +++ b/components/SensorComponent.js @@ -11,27 +11,28 @@ const isShaking = (data) => { const Container = styled.View` display: flex; text-align: center; - font-family: monospace; margin-bottom: 20px; - overflow-wrap:break-word; + border: white 1px; `; + const Button = styled.TouchableOpacity` display: flex; text-align: center; border: solid 2px; -width: 20%; +width: 50%; border-radius:5px; padding:10px; -margin-top: 30px; +margin-top: 80px; +margin-left: 80px; box-shadow: 5px 5px #000; background-color: grey; +overflow-wrap:break-word; ` ; - export const SensorComponent = () => { const [quote, setQuote] = useState({}); @@ -80,11 +81,10 @@ export const SensorComponent = () => { {quote.content} {quote.author} + - - ); }; diff --git a/components/ShakeApi.js b/components/ShakeApi.js deleted file mode 100644 index 9ab1725e..00000000 --- a/components/ShakeApi.js +++ /dev/null @@ -1,83 +0,0 @@ -import React from "react"; -import React, { useState, useEffect } from "react"; -import { View, Text, TouchableOpacity } from "react-native"; -import styled from "styled-components"; -import { Accelerometer } from "expo-sensors"; - -const ShakeApi = () => { - - const [quote, setQuote] = useState({}); - - const generateQuote = () => { - fetch("https://api.quotable.io/random") - .then(response => response.json()) - .then(data => setQuote(data)) - } - - const ApiButton = styled.TouchableOpacity` - font-weight: 700; - width: 50%; - background-colour: grey: - -` - const unsubscribe = () => { - subscription && subscription.remove(); - setSubscription(null); - }; - - ///// - - const [data, setData] = useState({ - x: 0, - y: 0, - z: 0, - }); - const [subscription, setSubscription] = useState(null); - - const { x, y, z } = data; - - const subscribe = () => { - setSubscription( - Accelerometer.addListener(accelerometerData => { - setData(accelerometerData); - }) - ); - }; - - - const unsubscribe = () => { - subscription && subscription.remove(); - setSubscription(null); - }; - - useEffect(() => { - subscribe(); - - return () => unsubscribe(); - }, []); - - const isShaking = (data) => { - const totalForce = Math.abs(data.x) + Math.abs(data.y) + Math.abs(data.z); - return totalForce > 1.78; - } - - useEffect(() => { - if (isShaking(data)) { - generateQuote(); - } - }, [data]) - - return ( - - {data.x} - {data.y} - {data.z} - {quote.content} - {quote.author} - - - ) -} - - -export default ShakeApi; \ No newline at end of file From 236d6ab1e4ba433df43b85a7b994829ac11cfaed Mon Sep 17 00:00:00 2001 From: bostrombundock Date: Sat, 30 Apr 2022 21:58:40 +0200 Subject: [PATCH 06/11] added a pixel --- App.js | 1 + components/SensorComponent.js | 7 ++++--- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/App.js b/App.js index f69c992a..ca03ebea 100644 --- a/App.js +++ b/App.js @@ -6,6 +6,7 @@ const Container = styled.View` flex: 1; background-color: #2C3D4F; justify-content: center; + `; diff --git a/components/SensorComponent.js b/components/SensorComponent.js index 858e1221..7f31abd7 100644 --- a/components/SensorComponent.js +++ b/components/SensorComponent.js @@ -13,7 +13,8 @@ const Container = styled.View` text-align: center; margin-bottom: 20px; overflow-wrap:break-word; - border: white 1px; + margin-left: 20px; + margin-right:20px; `; @@ -23,8 +24,8 @@ text-align: center; border: solid 2px; width: 50%; border-radius:5px; -padding:10px; -margin-top: 80px; +padding:8px; +margin-top: 60px; margin-left: 80px; box-shadow: 5px 5px #000; background-color: grey; From d3ec6019ffe108c664fa1fbb2ec4d25f5ab41010 Mon Sep 17 00:00:00 2001 From: bostrombundock Date: Sat, 30 Apr 2022 22:17:45 +0200 Subject: [PATCH 07/11] added a style --- components/SensorComponent.js | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/components/SensorComponent.js b/components/SensorComponent.js index 7f31abd7..e61fd81c 100644 --- a/components/SensorComponent.js +++ b/components/SensorComponent.js @@ -30,7 +30,6 @@ margin-left: 80px; box-shadow: 5px 5px #000; background-color: grey; overflow-wrap:break-word; - ` ; @@ -81,11 +80,12 @@ export const SensorComponent = () => { {isShaking(data) && generateQuote()} {quote.content} + {quote.blank} {quote.author} - - + + ); }; From 8187c014f44b47bb3acebf2edcf962ed02e7f5bb Mon Sep 17 00:00:00 2001 From: bostrombundock Date: Sun, 1 May 2022 17:06:37 +0200 Subject: [PATCH 08/11] adde new styling --- components/SensorComponent.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/components/SensorComponent.js b/components/SensorComponent.js index e61fd81c..024ffa6b 100644 --- a/components/SensorComponent.js +++ b/components/SensorComponent.js @@ -29,7 +29,6 @@ margin-top: 60px; margin-left: 80px; box-shadow: 5px 5px #000; background-color: grey; -overflow-wrap:break-word; ` ; @@ -77,12 +76,14 @@ export const SensorComponent = () => { return ( + {isShaking(data) && generateQuote()} {quote.content} {quote.blank} {quote.author} + From 5bb34a76322f26bad234b23f312913af14d258ed Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sara=20Bostr=C3=B6m=20Bundock?= <92584418+bostrombundock@users.noreply.github.com> Date: Sun, 1 May 2022 20:58:04 +0200 Subject: [PATCH 09/11] Update README.md --- README.md | 8 -------- 1 file changed, 8 deletions(-) diff --git a/README.md b/README.md index e9e2601f..067ef962 100644 --- a/README.md +++ b/README.md @@ -1,13 +1,5 @@ # Project React Native App 📱 -Replace this readme with your own information about your project. - -Start by briefly describing the assignment in a sentence or two. Keep it short and to the point. ## The problem -Describe how you approached to problem, and what tools and techniques you used to solve it. How did you plan? What technologies did you use? If you had more time, what would be next? - -## View it live - -Every project should be deployed somewhere. Be sure to include the link to the deployed project so that the viewer can click around and see what it's all about. From 9d500dfc8fd1346f91680295485e9bec13d98dc8 Mon Sep 17 00:00:00 2001 From: bostrombundock Date: Sun, 1 May 2022 21:53:06 +0200 Subject: [PATCH 10/11] removed a style --- App.js | 3 +- components/SensorComponent.js | 3 - package-lock.json | 211 +++++++++++++++++++++++++++++++++- package.json | 3 +- 4 files changed, 208 insertions(+), 12 deletions(-) diff --git a/App.js b/App.js index ca03ebea..27ac5dda 100644 --- a/App.js +++ b/App.js @@ -6,7 +6,6 @@ const Container = styled.View` flex: 1; background-color: #2C3D4F; justify-content: center; - `; @@ -19,4 +18,4 @@ const App = () => { ); }; -export default App; +export default App; \ No newline at end of file diff --git a/components/SensorComponent.js b/components/SensorComponent.js index 024ffa6b..5de8e8c8 100644 --- a/components/SensorComponent.js +++ b/components/SensorComponent.js @@ -12,7 +12,6 @@ const Container = styled.View` display: flex; text-align: center; margin-bottom: 20px; - overflow-wrap:break-word; margin-left: 20px; margin-right:20px; `; @@ -76,14 +75,12 @@ export const SensorComponent = () => { return ( - {isShaking(data) && generateQuote()} {quote.content} {quote.blank} {quote.author} - diff --git a/package-lock.json b/package-lock.json index 76967086..8e5ddbbc 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,6 +9,7 @@ "expo": "~43.0.0", "expo-sensors": "~11.0.3", "expo-status-bar": "~1.1.0", + "expo-updates": "~0.10.15", "mem": "^9.0.1", "minimist": "^1.2.6", "react": "17.0.1", @@ -4231,11 +4232,24 @@ "fontfaceobserver": "^2.1.0" } }, + "node_modules/expo-json-utils": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/expo-json-utils/-/expo-json-utils-0.2.1.tgz", + "integrity": "sha512-wU7gXGtaUlyxFLTp5e3PbnJB90/92r6gEc2BuMHdqE0OxhTQKyKzRszk2szCsdkeI7L4XntvZhCs1Px+gL1gvA==" + }, "node_modules/expo-keep-awake": { "version": "10.0.0", "resolved": "https://registry.npmjs.org/expo-keep-awake/-/expo-keep-awake-10.0.0.tgz", "integrity": "sha512-x5zRTjIvSry/EISKvjWpnLERGZj5maCwEouOfiDk0JPa0UTg/zFkT7pmiadAfHT95XUgjjb2DOku+wj6J7el7Q==" }, + "node_modules/expo-manifests": { + "version": "0.2.4", + "resolved": "https://registry.npmjs.org/expo-manifests/-/expo-manifests-0.2.4.tgz", + "integrity": "sha512-8PrMPyvElKXflYd1ApDHJR9JF0SR996iVEVQgHAMLzVP7OqEAM6dQaFeqrRqVn/DSsxEWkJTpxv8WJ5NWrT4Lg==", + "dependencies": { + "expo-json-utils": "~0.2.0" + } + }, "node_modules/expo-modules-autolinking": { "version": "0.3.3", "resolved": "https://registry.npmjs.org/expo-modules-autolinking/-/expo-modules-autolinking-0.3.3.tgz", @@ -4282,9 +4296,9 @@ } }, "node_modules/expo-modules-core": { - "version": "0.4.7", - "resolved": "https://registry.npmjs.org/expo-modules-core/-/expo-modules-core-0.4.7.tgz", - "integrity": "sha512-boEbB3tAYO7WkgcaXToQLY8IUeEGOZeDF+StTL38FA0l8jzJwwQLU7TaWjWEMGfxvvn7KP7V7kFudJKc7dak3g==", + "version": "0.4.10", + "resolved": "https://registry.npmjs.org/expo-modules-core/-/expo-modules-core-0.4.10.tgz", + "integrity": "sha512-uCZA3QzF0syRaHwYY99iaNhnye4vSQGsJ/y6IAiesXdbeVahWibX4G1KoKNPUyNsKXIM4tqA+4yByUSvJe4AAw==", "dependencies": { "compare-versions": "^3.4.0", "invariant": "^2.2.4" @@ -4367,6 +4381,94 @@ "resolved": "https://registry.npmjs.org/expo-status-bar/-/expo-status-bar-1.1.0.tgz", "integrity": "sha512-XgAbGfDV/Q6br2h4yzQwcZRYi37bZ/nvc06vvaJ7i7w9tRxb05OJmXBxl7ywkKlFCMcN6q3Miaf2wnzEgMwJoQ==" }, + "node_modules/expo-structured-headers": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/expo-structured-headers/-/expo-structured-headers-2.0.0.tgz", + "integrity": "sha512-pCMjCNpVX8rTD0gwfa29ShUY2++4yxCXodvMWwQonvDtunp2UC3PlvGo82oBBOqsV0yKPN2rMO43tOYSH6lW0Q==" + }, + "node_modules/expo-updates": { + "version": "0.10.15", + "resolved": "https://registry.npmjs.org/expo-updates/-/expo-updates-0.10.15.tgz", + "integrity": "sha512-GHh1e0BwJY7aT+huGfneXpMhPKKkDIOBqCWyZDyTo7AWLj2C2ZCvgT2D9LWyl6v9WwxMEfO94RaYCQaayD/rfw==", + "dependencies": { + "@expo/config": "^5.0.9", + "@expo/config-plugins": "^4.0.2", + "@expo/metro-config": "~0.1.84", + "expo-manifests": "~0.2.2", + "expo-modules-core": "~0.4.8", + "expo-structured-headers": "~2.0.0", + "expo-updates-interface": "~0.4.0", + "fbemitter": "^2.1.1", + "resolve-from": "^5.0.0", + "uuid": "^3.4.0" + } + }, + "node_modules/expo-updates-interface": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/expo-updates-interface/-/expo-updates-interface-0.4.0.tgz", + "integrity": "sha512-EUJaLnDAePikGEQT8w6gjCY3m/dlGgjZKVn5XBaxZMkHzOy3PDQo6QOcK/bcMdkA3CyNrvo6NCe+/7RHrgmK4A==" + }, + "node_modules/expo-updates/node_modules/@expo/config-plugins": { + "version": "4.1.4", + "resolved": "https://registry.npmjs.org/@expo/config-plugins/-/config-plugins-4.1.4.tgz", + "integrity": "sha512-fkOjXnSieQfVSWVLKhst0DnCAyeHksvWky1CldFCQllhDB1HHBiP09Z8pamVB783n3qr/1HNZiSp6k2iUcaSoA==", + "dependencies": { + "@expo/config-types": "^45.0.0", + "@expo/json-file": "8.2.36", + "@expo/plist": "0.0.18", + "@expo/sdk-runtime-versions": "^1.0.0", + "@react-native/normalize-color": "^2.0.0", + "chalk": "^4.1.2", + "debug": "^4.3.1", + "find-up": "~5.0.0", + "getenv": "^1.0.0", + "glob": "7.1.6", + "resolve-from": "^5.0.0", + "semver": "^7.3.5", + "slash": "^3.0.0", + "xcode": "^3.0.1", + "xml2js": "0.4.23" + } + }, + "node_modules/expo-updates/node_modules/@expo/config-types": { + "version": "45.0.0", + "resolved": "https://registry.npmjs.org/@expo/config-types/-/config-types-45.0.0.tgz", + "integrity": "sha512-/QGhhLWyaGautgEyU50UJr5YqKJix5t77ePTwreOVAhmZH+ff3nrrtYTTnccx+qF08ZNQmfAyYMCD3rQfzpiJA==" + }, + "node_modules/expo-updates/node_modules/@expo/json-file": { + "version": "8.2.36", + "resolved": "https://registry.npmjs.org/@expo/json-file/-/json-file-8.2.36.tgz", + "integrity": "sha512-tOZfTiIFA5KmMpdW9KF7bc6CFiGjb0xnbieJhTGlHrLL+ps2G0OkqmuZ3pFEXBOMnJYUVpnSy++52LFxvpa5ZQ==", + "dependencies": { + "@babel/code-frame": "~7.10.4", + "json5": "^1.0.1", + "write-file-atomic": "^2.3.0" + } + }, + "node_modules/expo-updates/node_modules/@expo/plist": { + "version": "0.0.18", + "resolved": "https://registry.npmjs.org/@expo/plist/-/plist-0.0.18.tgz", + "integrity": "sha512-+48gRqUiz65R21CZ/IXa7RNBXgAI/uPSdvJqoN9x1hfL44DNbUoWHgHiEXTx7XelcATpDwNTz6sHLfy0iNqf+w==", + "dependencies": { + "@xmldom/xmldom": "~0.7.0", + "base64-js": "^1.2.3", + "xmlbuilder": "^14.0.0" + } + }, + "node_modules/expo-updates/node_modules/semver": { + "version": "7.3.7", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz", + "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==", + "dependencies": { + "lru-cache": "^6.0.0" + }, + "bin": { + "semver": "bin/semver.js" + }, + "engines": { + "node": ">=10" + } + }, "node_modules/extend-shallow": { "version": "3.0.2", "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz", @@ -12723,11 +12825,24 @@ "fontfaceobserver": "^2.1.0" } }, + "expo-json-utils": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/expo-json-utils/-/expo-json-utils-0.2.1.tgz", + "integrity": "sha512-wU7gXGtaUlyxFLTp5e3PbnJB90/92r6gEc2BuMHdqE0OxhTQKyKzRszk2szCsdkeI7L4XntvZhCs1Px+gL1gvA==" + }, "expo-keep-awake": { "version": "10.0.0", "resolved": "https://registry.npmjs.org/expo-keep-awake/-/expo-keep-awake-10.0.0.tgz", "integrity": "sha512-x5zRTjIvSry/EISKvjWpnLERGZj5maCwEouOfiDk0JPa0UTg/zFkT7pmiadAfHT95XUgjjb2DOku+wj6J7el7Q==" }, + "expo-manifests": { + "version": "0.2.4", + "resolved": "https://registry.npmjs.org/expo-manifests/-/expo-manifests-0.2.4.tgz", + "integrity": "sha512-8PrMPyvElKXflYd1ApDHJR9JF0SR996iVEVQgHAMLzVP7OqEAM6dQaFeqrRqVn/DSsxEWkJTpxv8WJ5NWrT4Lg==", + "requires": { + "expo-json-utils": "~0.2.0" + } + }, "expo-modules-autolinking": { "version": "0.3.3", "resolved": "https://registry.npmjs.org/expo-modules-autolinking/-/expo-modules-autolinking-0.3.3.tgz", @@ -12764,9 +12879,9 @@ } }, "expo-modules-core": { - "version": "0.4.7", - "resolved": "https://registry.npmjs.org/expo-modules-core/-/expo-modules-core-0.4.7.tgz", - "integrity": "sha512-boEbB3tAYO7WkgcaXToQLY8IUeEGOZeDF+StTL38FA0l8jzJwwQLU7TaWjWEMGfxvvn7KP7V7kFudJKc7dak3g==", + "version": "0.4.10", + "resolved": "https://registry.npmjs.org/expo-modules-core/-/expo-modules-core-0.4.10.tgz", + "integrity": "sha512-uCZA3QzF0syRaHwYY99iaNhnye4vSQGsJ/y6IAiesXdbeVahWibX4G1KoKNPUyNsKXIM4tqA+4yByUSvJe4AAw==", "requires": { "compare-versions": "^3.4.0", "invariant": "^2.2.4" @@ -12845,6 +12960,90 @@ "resolved": "https://registry.npmjs.org/expo-status-bar/-/expo-status-bar-1.1.0.tgz", "integrity": "sha512-XgAbGfDV/Q6br2h4yzQwcZRYi37bZ/nvc06vvaJ7i7w9tRxb05OJmXBxl7ywkKlFCMcN6q3Miaf2wnzEgMwJoQ==" }, + "expo-structured-headers": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/expo-structured-headers/-/expo-structured-headers-2.0.0.tgz", + "integrity": "sha512-pCMjCNpVX8rTD0gwfa29ShUY2++4yxCXodvMWwQonvDtunp2UC3PlvGo82oBBOqsV0yKPN2rMO43tOYSH6lW0Q==" + }, + "expo-updates": { + "version": "0.10.15", + "resolved": "https://registry.npmjs.org/expo-updates/-/expo-updates-0.10.15.tgz", + "integrity": "sha512-GHh1e0BwJY7aT+huGfneXpMhPKKkDIOBqCWyZDyTo7AWLj2C2ZCvgT2D9LWyl6v9WwxMEfO94RaYCQaayD/rfw==", + "requires": { + "@expo/config": "^5.0.9", + "@expo/config-plugins": "^4.0.2", + "@expo/metro-config": "~0.1.84", + "expo-manifests": "~0.2.2", + "expo-modules-core": "~0.4.8", + "expo-structured-headers": "~2.0.0", + "expo-updates-interface": "~0.4.0", + "fbemitter": "^2.1.1", + "resolve-from": "^5.0.0", + "uuid": "^3.4.0" + }, + "dependencies": { + "@expo/config-plugins": { + "version": "4.1.4", + "resolved": "https://registry.npmjs.org/@expo/config-plugins/-/config-plugins-4.1.4.tgz", + "integrity": "sha512-fkOjXnSieQfVSWVLKhst0DnCAyeHksvWky1CldFCQllhDB1HHBiP09Z8pamVB783n3qr/1HNZiSp6k2iUcaSoA==", + "requires": { + "@expo/config-types": "^45.0.0", + "@expo/json-file": "8.2.36", + "@expo/plist": "0.0.18", + "@expo/sdk-runtime-versions": "^1.0.0", + "@react-native/normalize-color": "^2.0.0", + "chalk": "^4.1.2", + "debug": "^4.3.1", + "find-up": "~5.0.0", + "getenv": "^1.0.0", + "glob": "7.1.6", + "resolve-from": "^5.0.0", + "semver": "^7.3.5", + "slash": "^3.0.0", + "xcode": "^3.0.1", + "xml2js": "0.4.23" + } + }, + "@expo/config-types": { + "version": "45.0.0", + "resolved": "https://registry.npmjs.org/@expo/config-types/-/config-types-45.0.0.tgz", + "integrity": "sha512-/QGhhLWyaGautgEyU50UJr5YqKJix5t77ePTwreOVAhmZH+ff3nrrtYTTnccx+qF08ZNQmfAyYMCD3rQfzpiJA==" + }, + "@expo/json-file": { + "version": "8.2.36", + "resolved": "https://registry.npmjs.org/@expo/json-file/-/json-file-8.2.36.tgz", + "integrity": "sha512-tOZfTiIFA5KmMpdW9KF7bc6CFiGjb0xnbieJhTGlHrLL+ps2G0OkqmuZ3pFEXBOMnJYUVpnSy++52LFxvpa5ZQ==", + "requires": { + "@babel/code-frame": "~7.10.4", + "json5": "^1.0.1", + "write-file-atomic": "^2.3.0" + } + }, + "@expo/plist": { + "version": "0.0.18", + "resolved": "https://registry.npmjs.org/@expo/plist/-/plist-0.0.18.tgz", + "integrity": "sha512-+48gRqUiz65R21CZ/IXa7RNBXgAI/uPSdvJqoN9x1hfL44DNbUoWHgHiEXTx7XelcATpDwNTz6sHLfy0iNqf+w==", + "requires": { + "@xmldom/xmldom": "~0.7.0", + "base64-js": "^1.2.3", + "xmlbuilder": "^14.0.0" + } + }, + "semver": { + "version": "7.3.7", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz", + "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==", + "requires": { + "lru-cache": "^6.0.0" + } + } + } + }, + "expo-updates-interface": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/expo-updates-interface/-/expo-updates-interface-0.4.0.tgz", + "integrity": "sha512-EUJaLnDAePikGEQT8w6gjCY3m/dlGgjZKVn5XBaxZMkHzOy3PDQo6QOcK/bcMdkA3CyNrvo6NCe+/7RHrgmK4A==" + }, "extend-shallow": { "version": "3.0.2", "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz", diff --git a/package.json b/package.json index ea0453f9..7b2907cf 100644 --- a/package.json +++ b/package.json @@ -18,7 +18,8 @@ "react-native": "0.64.3", "react-native-web": "0.17.1", "styled-components": "^5.3.3", - "expo-sensors": "~11.0.3" + "expo-sensors": "~11.0.3", + "expo-updates": "~0.10.15" }, "devDependencies": { "@babel/core": "^7.12.9", From 7870245f9202bd3f2ae013a18babc2202ad267bd Mon Sep 17 00:00:00 2001 From: bostrombundock Date: Thu, 5 May 2022 09:32:47 +0200 Subject: [PATCH 11/11] removed the overlflow-wrap --- README.md | 8 -------- 1 file changed, 8 deletions(-) diff --git a/README.md b/README.md index e9e2601f..067ef962 100644 --- a/README.md +++ b/README.md @@ -1,13 +1,5 @@ # Project React Native App 📱 -Replace this readme with your own information about your project. - -Start by briefly describing the assignment in a sentence or two. Keep it short and to the point. ## The problem -Describe how you approached to problem, and what tools and techniques you used to solve it. How did you plan? What technologies did you use? If you had more time, what would be next? - -## View it live - -Every project should be deployed somewhere. Be sure to include the link to the deployed project so that the viewer can click around and see what it's all about.