initial commit

.gitignore

@@ -33,3 +33,17 @@ yarn-error.*
 
 # typescript
 *.tsbuildinfo
+
+# @generated expo-cli sync-2b81b286409207a5da26e14c78851eb30d8ccbdb
+# The following patterns were generated by expo-cli
+
+expo-env.d.ts
+# @end expo-cli
+
+# macOS
+.DS_Store
+
+
+# Local Netlify folder
+.netlify
+.vercel

app.json

@@ -33,6 +33,7 @@
       "expo-router"
     ],
     "experiments": {
+      "tsconfigPaths": true,
       "typedRoutes": true
     }
   }

babel.config.js

@@ -1,10 +1,11 @@
 module.exports = function (api) {
   api.cache(true);
   return {
-    presets: ['babel-preset-expo'],
+    presets: ["babel-preset-expo"],
     plugins: [
       // Required for expo-router
-      'expo-router/babel',
+      "react-native-reanimated/plugin",
+      "expo-router/babel",
     ],
   };
 };

constants/Colors.ts

@@ -8,12 +8,16 @@ export default {
     tint: tintColorLight,
     tabIconDefault: '#ccc',
     tabIconSelected: tintColorLight,
+    lightGray: "rgba(230, 230, 230, 1)",
+    dark: "rgba(41, 41, 41, 1)",
   },
   dark: {
     text: '#fff',
     background: '#000',
     tint: tintColorDark,
     tabIconDefault: '#ccc',
     tabIconSelected: tintColorDark,
+    lightGray: "rgba(230, 230, 230, 1)",
+    dark: "rgba(41, 41, 41, 1)",
   },
 };

metro.config.js

@@ -1,10 +1,18 @@
-// Learn more https://docs.expo.io/guides/customizing-metro
-const { getDefaultConfig } = require('expo/metro-config');
+// const { getDefaultConfig } = require("../../expo/packages/@expo/metro-config");
+const { getDefaultConfig } = require("expo/metro-config");
 
-/** @type {import('expo/metro-config').MetroConfig} */
 const config = getDefaultConfig(__dirname, {
-  // [Web-only]: Enables CSS support in Metro.
   isCSSEnabled: true,
 });
 
+config.resolver.sourceExts.push("svg");
+
+config.resolver.assetExts = config.resolver.assetExts.filter(
+  (ext) => !config.resolver.sourceExts.includes(ext)
+);
+
+config.transformer.babelTransformerPath = require.resolve(
+  "./metro.transformer.js"
+);
+
 module.exports = config;

metro.transformer.js

@@ -0,0 +1,9 @@
+const upstreamTransformer = require("metro-react-native-babel-transformer");
+
+module.exports.transform = async (props) => {
+  if (props.filename.endsWith(".svg")) {
+    return require("react-native-svg-transformer").transform(props);
+  }
+  // Then pass it to the upstream transformer.
+  return upstreamTransformer.transform(props);
+};

package.json

@@ -7,7 +7,9 @@
     "android": "expo start --android",
     "ios": "expo start --ios",
     "web": "expo start --web",
-    "test": "jest --watchAll"
+    "test": "jest --watchAll",
+    "build": "expo export -p web",
+    "deploy": "vercel build && vercel deploy --prebuilt"
   },
   "jest": {
     "preset": "jest-expo"
@@ -27,12 +29,18 @@
     "react-dom": "18.2.0",
     "react-native": "0.72.6",
     "react-native-gesture-handler": "~2.12.0",
+    "react-native-reanimated": "~2.14.4",
     "react-native-safe-area-context": "4.6.3",
     "react-native-screens": "~3.22.0",
-    "react-native-web": "~0.19.6"
+    "react-native-svg": "13.4.0",
+    "react-native-svg-transformer": "^1.0.0",
+    "react-native-web": "~0.19.6",
+    "sass": "^1.62.1",
+    "typescript": "^5.1.3"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
+    "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
     "@types/react": "~18.2.14",
     "jest": "^29.2.1",
     "jest-expo": "~49.0.0",

tsconfig.json

@@ -1,7 +1,12 @@
 {
   "extends": "expo/tsconfig.base",
   "compilerOptions": {
-    "strict": true,
+    "baseUrl": ".",
+    // "paths": {
+    //   "@/*": [
+    //     "./src/*"
+    //   ]
+    // }
   },
   "include": [
     "**/*.ts",