feat : Création de l'api, chargement des mockups

feat : Readme
feat : Ajout de données d'exemples pour travailler sans API
2026-09-01 18:48:41 +02:00 · 2026-09-01 17:48:44 +02:00 · 2026-09-01 17:44:03 +02:00 · 2026-09-01 17:18:28 +02:00 · 2026-09-01 16:45:11 +02:00 · 2026-09-01 15:49:13 +02:00
112 changed files with 4533 additions and 290 deletions
--- a/README.md
+++ b/README.md
@@ -1,6 +1,14 @@
-# Welcome to your Expo app 👋
+# Bahla - On sort où ? Bah là !

-This is an [Expo](https://expo.dev) project created with [`create-expo-app`](https://www.npmjs.com/package/create-expo-app).
+Ne râtez plus les meilleurs événement prêt de chez vous !
+Bahla vous propose différents moyens de vous divertir avec vos potes ou en famille.
+
+## Organisation
+### Stratégie d'image
+- Utilisation de `expo-image`
+- Un placeholder sombre avec des points généré aléatoirement avec un blur
+- Dimensions données par le backend
+- Image toujours en couverture (object-fit)

 ## Get started

@@ -23,34 +31,4 @@ In the output, you'll find options to open the app in a
 - [iOS simulator](https://docs.expo.dev/workflow/ios-simulator/)
 - [Expo Go](https://expo.dev/go), a limited sandbox for trying out app development with Expo

-You can start developing by editing the files inside the **app** directory. This project uses [file-based routing](https://docs.expo.dev/router/introduction).
-
-## Get a fresh project
-
-When you're ready, run:
-
-```bash
-npm run reset-project
-```
-
-This command will move the starter code to the **app-example** directory and create a blank **app** directory where you can start developing.
-
-### Other setup steps
-
- To set up ESLint for linting, run `npx expo lint`, or follow our guide on ["Using ESLint and Prettier"](https://docs.expo.dev/guides/using-eslint/)
- If you'd like to set up unit testing, follow our guide on ["Unit Testing with Jest"](https://docs.expo.dev/develop/unit-testing/)
- Learn more about the TypeScript setup in this template in our guide on ["Using TypeScript"](https://docs.expo.dev/guides/typescript/)
-
-## Learn more
-
-To learn more about developing your project with Expo, look at the following resources:
-
- [Expo documentation](https://docs.expo.dev/): Learn fundamentals, or go into advanced topics with our [guides](https://docs.expo.dev/guides).
- [Learn Expo tutorial](https://docs.expo.dev/tutorial/introduction/): Follow a step-by-step tutorial where you'll create a project that runs on Android, iOS, and the web.
-
-## Join the community
-
-Join our community of developers creating universal apps.
-
- [Expo on GitHub](https://github.com/expo/expo): View our open source platform and contribute.
- [Discord community](https://chat.expo.dev): Chat with Expo users and ask questions.
+You can start developing by editing the files inside the **app** directory. This project uses [file-based routing](https://docs.expo.dev/router/introduction).
--- a/app.json
+++ b/app.json
@@ -1,12 +1,12 @@
 {
  "expo": {
-    "name": "bahla_front",
-    "slug": "bahla_front",
+    "name": "bahla",
+    "slug": "bahla",
    "version": "1.0.0",
    "orientation": "portrait",
    "icon": "./assets/images/icon.png",
-    "scheme": "bahlafront",
-    "userInterfaceStyle": "automatic",
+    "scheme": "bahla",
+    "userInterfaceStyle": "dark",
    "ios": {
      "icon": "./assets/expo.icon"
    },
@@ -18,7 +18,7 @@
        "monochromeImage": "./assets/images/android-icon-monochrome.png"
      },
      "predictiveBackGestureEnabled": false,
-      "package": "com.anonymous.bahla_front"
+      "package": "com.anonymous.bahla"
    },
    "web": {
      "bundler": "metro",
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,12 +9,11 @@
      "version": "1.0.0",
      "dependencies": {
        "@expo-google-fonts/inter": "^0.4.2",
+        "@expo-google-fonts/jetbrains-mono": "^0.4.1",
        "@expo-google-fonts/space-grotesk": "^0.4.1",
        "@expo/ui": "~56.0.14",
-        "@react-navigation/bottom-tabs": "^7.18.18",
-        "@react-navigation/elements": "^2.9.19",
-        "@react-navigation/native": "^7.3.18",
-        "@react-navigation/native-stack": "^7.16.0",
+        "@tanstack/react-query": "^5.102.8",
+        "axios": "^1.20.0",
        "babel-preset-expo": "^57.0.9",
        "expo": "~56.0.5",
        "expo-blur": "~56.0.4",
@@ -23,6 +22,7 @@
        "expo-device": "~56.0.4",
        "expo-font": "~56.0.7",
        "expo-glass-effect": "~56.0.4",
+        "expo-haptics": "~56.0.3",
        "expo-image": "~56.0.12",
        "expo-linear-gradient": "~56.0.4",
        "expo-linking": "~56.0.12",
@@ -33,18 +33,22 @@
        "expo-system-ui": "~56.0.5",
        "expo-web-browser": "~56.0.5",
        "lucide-react": "^1.38.0",
+        "lucide-react-native": "^1.38.0",
        "nativewind": "^4.2.6",
        "prettier-plugin-tailwindcss": "^0.5.14",
        "react": "19.2.3",
        "react-dom": "19.2.3",
        "react-native": "0.85.3",
        "react-native-gesture-handler": "~2.31.1",
-        "react-native-reanimated": "^4.3.1",
+        "react-native-reanimated": "4.3.1",
        "react-native-safe-area-context": "~5.7.0",
        "react-native-screens": "4.25.2",
+        "react-native-svg": "15.15.4",
        "react-native-web": "~0.21.0",
        "react-native-worklets": "0.8.3",
-        "tailwindcss": "^3.4.19"
+        "tailwindcss": "^3.4.19",
+        "zod": "^4.5.4",
+        "zustand": "^5.0.15"
      },
      "devDependencies": {
        "@types/react": "~19.2.2",
@@ -1288,6 +1292,12 @@
      "integrity": "sha512-syfiImMaDmq7cFi0of+waE2M4uSCyd16zgyWxdPOY7fN2VBmSLKEzkfbZgeOjJq61kSqPBNNtXjggiQiSD6gMQ==",
      "license": "MIT AND OFL-1.1"
    },
+    "node_modules/@expo-google-fonts/jetbrains-mono": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@expo-google-fonts/jetbrains-mono/-/jetbrains-mono-0.4.1.tgz",
+      "integrity": "sha512-CslACrtMOcRwoWXCO7OMEI+9w3fukWSoBtvNz46OqPoogEuuoY0tkDY1O8sFumk8t0pC6Cx0Xr95O0TOQhpkug==",
+      "license": "MIT AND OFL-1.1"
+    },
    "node_modules/@expo-google-fonts/material-symbols": {
      "version": "0.4.38",
      "resolved": "https://registry.npmjs.org/@expo-google-fonts/material-symbols/-/material-symbols-0.4.38.tgz",
@@ -2856,118 +2866,38 @@
        }
      }
    },
-    "node_modules/@react-navigation/bottom-tabs": {
-      "version": "7.18.18",
-      "resolved": "https://registry.npmjs.org/@react-navigation/bottom-tabs/-/bottom-tabs-7.18.18.tgz",
-      "integrity": "sha512-8XEvMG7SeBEY1zPSM3Bt3T12db1Q+j9qAMakdoSVkbFBXo5+rbrsdz4kOVtCs7vXOEeJfOEIZlubgDb4zRFHAw==",
-      "license": "MIT",
-      "dependencies": {
-        "@react-navigation/elements": "^2.9.40",
-        "color": "^4.2.3",
-        "sf-symbols-typescript": "^2.1.0"
-      },
-      "peerDependencies": {
-        "@react-navigation/native": "^7.3.18",
-        "react": ">= 18.2.0",
-        "react-native": "*",
-        "react-native-safe-area-context": ">= 4.0.0",
-        "react-native-screens": ">= 4.0.0"
-      }
-    },
-    "node_modules/@react-navigation/core": {
-      "version": "7.21.13",
-      "resolved": "https://registry.npmjs.org/@react-navigation/core/-/core-7.21.13.tgz",
-      "integrity": "sha512-d1syMXra7RlJjGsjsIxEA14F6U+awFtQJeOfDc+V7x3y1mPqYQVTYnqnt3PR+fBBouUKaKsgKZsSR3MP5919Xg==",
-      "license": "MIT",
-      "dependencies": {
-        "@react-navigation/routers": "^7.6.4",
-        "escape-string-regexp": "^4.0.0",
-        "fast-deep-equal": "^3.1.3",
-        "nanoid": "^3.3.11",
-        "query-string": "^7.1.3",
-        "react-is": "^19.1.0",
-        "use-latest-callback": "^0.2.4",
-        "use-sync-external-store": "^1.5.0"
-      },
-      "peerDependencies": {
-        "react": ">= 18.2.0"
-      }
-    },
-    "node_modules/@react-navigation/elements": {
-      "version": "2.9.40",
-      "resolved": "https://registry.npmjs.org/@react-navigation/elements/-/elements-2.9.40.tgz",
-      "integrity": "sha512-x2fCMVKU23YeQvHSCFq2mVRYAbHqYNqb8kfWSEfIQ+XUX7dBXWd93/pr0w5jLjALDHDxQUaJKh4mIqr8q3zAwQ==",
-      "license": "MIT",
-      "dependencies": {
-        "color": "^4.2.3",
-        "use-latest-callback": "^0.2.4",
-        "use-sync-external-store": "^1.5.0"
-      },
-      "peerDependencies": {
-        "@react-native-masked-view/masked-view": ">= 0.2.0",
-        "@react-navigation/native": "^7.3.18",
-        "react": ">= 18.2.0",
-        "react-native": "*",
-        "react-native-safe-area-context": ">= 4.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@react-native-masked-view/masked-view": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@react-navigation/native": {
-      "version": "7.3.18",
-      "resolved": "https://registry.npmjs.org/@react-navigation/native/-/native-7.3.18.tgz",
-      "integrity": "sha512-5lLYl0Kt85jcpEYxXzj2ecIKta+yo4EcAIOZoJe6jU9lbR0lu6sAQsotU3rlVAYL1VBY/xLemxs4WQ2LJs4Oew==",
-      "license": "MIT",
-      "dependencies": {
-        "@react-navigation/core": "^7.21.13",
-        "escape-string-regexp": "^4.0.0",
-        "fast-deep-equal": "^3.1.3",
-        "nanoid": "^3.3.11",
-        "standard-navigation": "^0.0.8",
-        "use-latest-callback": "^0.2.4"
-      },
-      "peerDependencies": {
-        "react": ">= 18.2.0",
-        "react-native": "*"
-      }
-    },
-    "node_modules/@react-navigation/native-stack": {
-      "version": "7.16.0",
-      "resolved": "https://registry.npmjs.org/@react-navigation/native-stack/-/native-stack-7.16.0.tgz",
-      "integrity": "sha512-wM21rHYR2XifjDnKLrr3HeHUeGsWQZJRwPqEzy1Vp/a9k3ieiwTGpmpDItD/jtERH9qkYESwDPO6oEtrVBEpQg==",
-      "license": "MIT",
-      "dependencies": {
-        "@react-navigation/elements": "^2.9.19",
-        "color": "^4.2.3",
-        "sf-symbols-typescript": "^2.1.0",
-        "warn-once": "^0.1.1"
-      },
-      "peerDependencies": {
-        "@react-navigation/native": "^7.2.5",
-        "react": ">= 18.2.0",
-        "react-native": "*",
-        "react-native-safe-area-context": ">= 4.0.0",
-        "react-native-screens": ">= 4.0.0"
-      }
-    },
-    "node_modules/@react-navigation/routers": {
-      "version": "7.6.4",
-      "resolved": "https://registry.npmjs.org/@react-navigation/routers/-/routers-7.6.4.tgz",
-      "integrity": "sha512-GI7eJm8/KsZUQaYcXvEExikKurRZRgEsSzyZ7faENfi65yqJBCXjDMwyN1pF6pNW1MoLH1ErDwDivFxY6BzD3w==",
-      "license": "MIT",
-      "dependencies": {
-        "nanoid": "^3.3.11"
-      }
-    },
    "node_modules/@sinclair/typebox": {
      "version": "0.27.10",
      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.10.tgz",
      "integrity": "sha512-MTBk/3jGLNB2tVxv6uLlFh1iu64iYOQ2PbdOSK3NW8JZsmlaOh2q6sdtKowBhfw8QFLmYNzTW4/oK4uATIi6ZA==",
      "license": "MIT"
    },
+    "node_modules/@tanstack/query-core": {
+      "version": "5.102.8",
+      "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.102.8.tgz",
+      "integrity": "sha512-ZNjkJ33CqvPNec/6lZBnHqLc3EVGPZ9ySLhYahU9TcuRFdmwXewuj0c4hwSWcGHqEUwcSrKeZ+oGcvPBqXcQcg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/react-query": {
+      "version": "5.102.8",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.102.8.tgz",
+      "integrity": "sha512-TYBea4OuXWD7MhaSHq069TWbFe7rcwWN6kzT7JF0OKi1K6c1gTv2IzD6A6ExJsCMozdkqBWeuIUZmu4KQg0O5A==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/query-core": "5.102.8"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": "^18 || ^19"
+      }
+    },
    "node_modules/@testing-library/dom": {
      "version": "10.4.1",
      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.1.tgz",
@@ -3382,6 +3312,49 @@
      "integrity": "sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==",
      "license": "MIT"
    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
+    "node_modules/axios": {
+      "version": "1.20.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.20.0.tgz",
+      "integrity": "sha512-r8aOh8j9cGKpgQAqpzrUHnSIc6a59Y3Xf/cv8sy1DrHCkZHzQGEuoq1tARk6qSyDdtQGSDgpb9kFlruzPvrgwg==",
+      "license": "MIT",
+      "dependencies": {
+        "follow-redirects": "^1.16.0",
+        "form-data": "^4.0.6",
+        "https-proxy-agent": "^5.0.1",
+        "proxy-from-env": "^2.1.0"
+      }
+    },
+    "node_modules/axios/node_modules/agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/axios/node_modules/https-proxy-agent": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
    "node_modules/babel-plugin-polyfill-corejs2": {
      "version": "0.4.17",
      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.17.tgz",
@@ -3656,6 +3629,12 @@
        "url": "https://github.com/sponsors/sindresorhus"
      }
    },
+    "node_modules/boolbase": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
+      "license": "ISC"
+    },
    "node_modules/bplist-creator": {
      "version": "0.1.0",
      "resolved": "https://registry.npmjs.org/bplist-creator/-/bplist-creator-0.1.0.tgz",
@@ -3758,6 +3737,19 @@
        "node": ">= 0.8"
      }
    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
    "node_modules/camelcase": {
      "version": "6.3.0",
      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
@@ -3982,6 +3974,18 @@
        "simple-swizzle": "^0.2.2"
      }
    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
    "node_modules/commander": {
      "version": "7.2.0",
      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
@@ -4139,6 +4143,56 @@
        "hyphenate-style-name": "^1.0.3"
      }
    },
+    "node_modules/css-select": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.2.2.tgz",
+      "integrity": "sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.1.0",
+        "domhandler": "^5.0.2",
+        "domutils": "^3.0.1",
+        "nth-check": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/css-tree": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
+      "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.0.14",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/css-tree/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/css-what": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.2.2.tgz",
+      "integrity": "sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
    "node_modules/css.escape": {
      "version": "1.5.1",
      "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
@@ -4217,6 +4271,15 @@
        "url": "https://github.com/sponsors/sindresorhus"
      }
    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
    "node_modules/depd": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
@@ -4285,6 +4348,75 @@
      "license": "MIT",
      "peer": true
    },
+    "node_modules/dom-serializer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.2",
+        "entities": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/domhandler": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "domelementtype": "^2.3.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/domutils": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.2.tgz",
+      "integrity": "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "dom-serializer": "^2.0.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
    "node_modules/ee-first": {
      "version": "1.1.1",
      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -4312,6 +4444,18 @@
        "node": ">= 0.8"
      }
    },
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
    "node_modules/error-stack-parser": {
      "version": "2.1.4",
      "resolved": "https://registry.npmjs.org/error-stack-parser/-/error-stack-parser-2.1.4.tgz",
@@ -4321,6 +4465,15 @@
        "stackframe": "^1.3.4"
      }
    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
    "node_modules/es-errors": {
      "version": "1.3.0",
      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
@@ -4330,6 +4483,33 @@
        "node": ">= 0.4"
      }
    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.2.tgz",
+      "integrity": "sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
    "node_modules/escalade": {
      "version": "3.2.0",
      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
@@ -4744,6 +4924,15 @@
        "react-native": "*"
      }
    },
+    "node_modules/expo-haptics": {
+      "version": "56.0.3",
+      "resolved": "https://registry.npmjs.org/expo-haptics/-/expo-haptics-56.0.3.tgz",
+      "integrity": "sha512-ycoahZJnR9tWAVh/0mJYxbETtHRYaWjiWS8cHlP6aDGU6Q6Y8rZ5NKsuBwWw6HR2Pe30mfVFgbF2HrBR6gtYmw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "expo": "*"
+      }
+    },
    "node_modules/expo-image": {
      "version": "56.0.12",
      "resolved": "https://registry.npmjs.org/expo-image/-/expo-image-56.0.12.tgz",
@@ -5297,6 +5486,15 @@
        }
      }
    },
+    "node_modules/expo/node_modules/zod": {
+      "version": "3.25.76",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
+      "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
    "node_modules/exponential-backoff": {
      "version": "3.1.3",
      "resolved": "https://registry.npmjs.org/exponential-backoff/-/exponential-backoff-3.1.3.tgz",
@@ -5571,12 +5769,69 @@
      "integrity": "sha512-3PYnM29RFXwvAN6Pc/scUfkI7RwhQ/xqyLUyPNlXUp9S40zI8nup9tUSrTLSVnWGBN38FNiGWbwZOB6uR4OGdw==",
      "license": "MIT"
    },
+    "node_modules/follow-redirects": {
+      "version": "1.16.0",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.16.0.tgz",
+      "integrity": "sha512-y5rN/uOsadFT/JfYwhxRS5R7Qce+g3zG97+JrtFZlC9klX/W5hD7iiLzScI4nZqUS7DNUdhPgw4xI8W2LuXlUw==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
    "node_modules/fontfaceobserver": {
      "version": "2.3.0",
      "resolved": "https://registry.npmjs.org/fontfaceobserver/-/fontfaceobserver-2.3.0.tgz",
      "integrity": "sha512-6FPvD/IVyT4ZlNe7Wcn5Fb/4ChigpucKYSvD6a+0iMoLn2inpo711eyIcKjmDtE5XNcgAkSH9uN/nfAeZzHEfg==",
      "license": "BSD-2-Clause"
    },
+    "node_modules/form-data": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.6.tgz",
+      "integrity": "sha512-vKatAh4SlVfgbv+YtmhiRjhEMJsYpsG1Y2rMQtR+SVSbytsSD1YGzDIcrAJmdFec88u/+VoGmxnl+80gL1tRCQ==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.4",
+        "mime-types": "^2.1.35"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/form-data/node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/form-data/node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
    "node_modules/fresh": {
      "version": "0.5.2",
      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
@@ -5627,6 +5882,30 @@
        "node": "6.* || 8.* || >= 10.*"
      }
    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
    "node_modules/get-nonce": {
      "version": "1.0.1",
      "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
@@ -5636,6 +5915,19 @@
        "node": ">=6"
      }
    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
    "node_modules/getenv": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/getenv/-/getenv-2.0.0.tgz",
@@ -5674,6 +5966,18 @@
        "node": ">=10.13.0"
      }
    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
    "node_modules/graceful-fs": {
      "version": "4.2.11",
      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
@@ -5689,10 +5993,37 @@
        "node": ">=8"
      }
    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
    "node_modules/hasown": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.3.tgz",
-      "integrity": "sha512-ej4AhfhfL2Q2zpMmLo7U1Uv9+PyhIZpgQLGT1F9miIGmiCJIoCgSmczFdrc97mWT4kVY72KA+WnnhJ5pghSvSg==",
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.4.tgz",
+      "integrity": "sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==",
      "license": "MIT",
      "dependencies": {
        "function-bind": "^1.1.2"
@@ -6655,6 +6986,17 @@
        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
      }
    },
+    "node_modules/lucide-react-native": {
+      "version": "1.38.0",
+      "resolved": "https://registry.npmjs.org/lucide-react-native/-/lucide-react-native-1.38.0.tgz",
+      "integrity": "sha512-wOgCXC8VZxIkrDK1160JA+7cBQ9njTFnFLQHLvrxLI5Cdhgz/dNN0j9+MS9aUJnYdBi0y3mNj73ZLnuzV6pYPg==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-native": "*",
+        "react-native-svg": "^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0"
+      }
+    },
    "node_modules/lz-string": {
      "version": "1.5.0",
      "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
@@ -6680,6 +7022,21 @@
      "integrity": "sha512-ocnPZQLNpvbedwTy9kNrQEsknEfgvcLMvOtz3sFeWApDq1MXH1TqkCIx58xlpESsfwQOnuBO9beyQuNGzVvuhQ==",
      "license": "Apache-2.0"
    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/mdn-data": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
+      "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==",
+      "license": "CC0-1.0"
+    },
    "node_modules/memoize-one": {
      "version": "5.2.1",
      "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-5.2.1.tgz",
@@ -7315,6 +7672,18 @@
        "node": ">=10"
      }
    },
+    "node_modules/nth-check": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
+      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/nth-check?sponsor=1"
+      }
+    },
    "node_modules/nullthrows": {
      "version": "1.1.1",
      "resolved": "https://registry.npmjs.org/nullthrows/-/nullthrows-1.1.1.tgz",
@@ -8017,6 +8386,15 @@
        "node": ">= 6"
      }
    },
+    "node_modules/proxy-from-env": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-2.1.0.tgz",
+      "integrity": "sha512-cJ+oHTW1VAEa8cJslgmUZrc+sjRKgAKl3Zyse6+PV38hZe/V6Z14TbCuXcan9F9ghlz4QrFr2c92TNF82UkYHA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
    "node_modules/punycode": {
      "version": "2.3.1",
      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
@@ -8585,6 +8963,21 @@
        "react-native": ">=0.82.0"
      }
    },
+    "node_modules/react-native-svg": {
+      "version": "15.15.4",
+      "resolved": "https://registry.npmjs.org/react-native-svg/-/react-native-svg-15.15.4.tgz",
+      "integrity": "sha512-boT/vIRgj6zZKBpfTPJJiYWMbZE9duBMOwPK6kCSTgxsS947IFMOq9OgIFkpWZTB7t229H24pDRkh3W9ZK/J1A==",
+      "license": "MIT",
+      "dependencies": {
+        "css-select": "^5.1.0",
+        "css-tree": "^1.1.3",
+        "warn-once": "0.1.1"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
    "node_modules/react-native-web": {
      "version": "0.21.2",
      "resolved": "https://registry.npmjs.org/react-native-web/-/react-native-web-0.21.2.tgz",
@@ -9263,15 +9656,6 @@
        "node": ">=6"
      }
    },
-    "node_modules/standard-navigation": {
-      "version": "0.0.8",
-      "resolved": "https://registry.npmjs.org/standard-navigation/-/standard-navigation-0.0.8.tgz",
-      "integrity": "sha512-TyVbo7INUDWtsUWDFn8RR7kwR87U0S4xHfLfbbnyeC581TmmyqQ+eM+nPw8rQTSD8QitRVcYfPaSHr/QJiUy1g==",
-      "license": "MIT",
-      "peerDependencies": {
-        "react": "*"
-      }
-    },
    "node_modules/statuses": {
      "version": "1.5.0",
      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
@@ -9797,15 +10181,6 @@
        }
      }
    },
-    "node_modules/use-sync-external-store": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz",
-      "integrity": "sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==",
-      "license": "MIT",
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
-      }
-    },
    "node_modules/util-deprecate": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -10098,13 +10473,42 @@
      }
    },
    "node_modules/zod": {
-      "version": "3.25.76",
-      "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
-      "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-4.5.4.tgz",
+      "integrity": "sha512-sC95tT5iHHH9gtpj6A81kh+NEaRAUFN+qlUPDUbRfOMvNf5QCBqsb3WgvnpVtK5Y+4UfA6KqufotuTvMGiTlsA==",
      "license": "MIT",
      "funding": {
        "url": "https://github.com/sponsors/colinhacks"
      }
+    },
+    "node_modules/zustand": {
+      "version": "5.0.15",
+      "resolved": "https://registry.npmjs.org/zustand/-/zustand-5.0.15.tgz",
+      "integrity": "sha512-MpSEjRiBkA9crSYeOUH32rJC7SVqAbm0Fqcqge/bUi2PPoLcBWKOsG+C8mevmpr8TwXHBVkChbbJiyvkE+i/3A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.20.0"
+      },
+      "peerDependencies": {
+        "@types/react": ">=18.0.0",
+        "immer": ">=9.0.6",
+        "react": ">=18.0.0",
+        "use-sync-external-store": ">=1.2.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "immer": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "use-sync-external-store": {
+          "optional": true
+        }
+      }
    }
  }
 }
--- a/package.json
+++ b/package.json
@@ -4,12 +4,11 @@
  "version": "1.0.0",
  "dependencies": {
    "@expo-google-fonts/inter": "^0.4.2",
+    "@expo-google-fonts/jetbrains-mono": "^0.4.1",
    "@expo-google-fonts/space-grotesk": "^0.4.1",
    "@expo/ui": "~56.0.14",
-    "@react-navigation/bottom-tabs": "^7.18.18",
-    "@react-navigation/elements": "^2.9.19",
-    "@react-navigation/native": "^7.3.18",
-    "@react-navigation/native-stack": "^7.16.0",
+    "@tanstack/react-query": "^5.102.8",
+    "axios": "^1.20.0",
    "babel-preset-expo": "^57.0.9",
    "expo": "~56.0.5",
    "expo-blur": "~56.0.4",
@@ -18,6 +17,7 @@
    "expo-device": "~56.0.4",
    "expo-font": "~56.0.7",
    "expo-glass-effect": "~56.0.4",
+    "expo-haptics": "~56.0.3",
    "expo-image": "~56.0.12",
    "expo-linear-gradient": "~56.0.4",
    "expo-linking": "~56.0.12",
@@ -28,18 +28,22 @@
    "expo-system-ui": "~56.0.5",
    "expo-web-browser": "~56.0.5",
    "lucide-react": "^1.38.0",
+    "lucide-react-native": "^1.38.0",
    "nativewind": "^4.2.6",
    "prettier-plugin-tailwindcss": "^0.5.14",
    "react": "19.2.3",
    "react-dom": "19.2.3",
    "react-native": "0.85.3",
    "react-native-gesture-handler": "~2.31.1",
-    "react-native-reanimated": "^4.3.1",
+    "react-native-reanimated": "4.3.1",
    "react-native-safe-area-context": "~5.7.0",
    "react-native-screens": "4.25.2",
+    "react-native-svg": "15.15.4",
    "react-native-web": "~0.21.0",
    "react-native-worklets": "0.8.3",
-    "tailwindcss": "^3.4.19"
+    "tailwindcss": "^3.4.19",
+    "zod": "^4.5.4",
+    "zustand": "^5.0.15"
  },
  "devDependencies": {
    "@types/react": "~19.2.2",
--- a/src/api/client.ts
+++ b/src/api/client.ts
@@ -0,0 +1,11 @@
+import axios from 'axios';
+
+import { API_BASE_URL } from './config';
+
+export const apiClient = axios.create({
+  baseURL: API_BASE_URL,
+  timeout: 10000,
+  headers: {
+    'Content-Type': 'application/json',
+  },
+});
--- a/src/api/config.ts
+++ b/src/api/config.ts
@@ -0,0 +1,4 @@
+export const API_BASE_URL = process.env.EXPO_PUBLIC_API_BASE_URL ?? 'http://localhost:3000';
+
+// Toggle once here to switch all API functions between mocks and real backend.
+export const API_USE_MOCKS = (process.env.EXPO_PUBLIC_API_USE_MOCKS ?? 'true') === 'true';
--- a/src/api/entities/animators.ts
+++ b/src/api/entities/animators.ts
@@ -0,0 +1,9 @@
+import type { Animator } from '@/models';
+import { mockAnimators } from '@/mocks';
+import { createResourceApi } from '../resourceFactory';
+
+export const animatorsApi = createResourceApi<Animator>({
+  endpoint: 'animators',
+  mockData: mockAnimators,
+  resolveMockKey: (item) => item.id,
+});
--- a/src/api/entities/comment_likes.ts
+++ b/src/api/entities/comment_likes.ts
@@ -0,0 +1,9 @@
+import { mockCommentLikes } from '@/mocks';
+import type { CommentLike } from '@/models';
+import { createResourceApi } from '../resourceFactory';
+
+export const comment_likesApi = createResourceApi<CommentLike>({
+  endpoint: 'comment_likes',
+  mockData: mockCommentLikes,
+  resolveMockKey: (item) => `${item.user_id}:${item.comment_id}`,
+});
--- a/src/api/entities/comments.ts
+++ b/src/api/entities/comments.ts
@@ -0,0 +1,9 @@
+import type { Comment } from '@/models';
+import { mockComments } from '@/mocks';
+import { createResourceApi } from '../resourceFactory';
+
+export const commentsApi = createResourceApi<Comment>({
+  endpoint: 'comments',
+  mockData: mockComments,
+  resolveMockKey: (item) => item.id,
+});
--- a/src/api/entities/event_external_links.ts
+++ b/src/api/entities/event_external_links.ts
@@ -0,0 +1,9 @@
+import type { EventExternalLink } from '@/models';
+import { mockEventExternalLinks } from '@/mocks';
+import { createResourceApi } from '../resourceFactory';
+
+export const event_external_linksApi = createResourceApi<EventExternalLink>({
+  endpoint: 'event_external_links',
+  mockData: mockEventExternalLinks,
+  resolveMockKey: (item) => item.id,
+});
--- a/src/api/entities/event_hashtags.ts
+++ b/src/api/entities/event_hashtags.ts
@@ -0,0 +1,9 @@
+import { mockEventHashtags } from '@/mocks';
+import type { EventHashtag } from '@/models';
+import { createResourceApi } from '../resourceFactory';
+
+export const event_hashtagsApi = createResourceApi<EventHashtag>({
+  endpoint: 'event_hashtags',
+  mockData: mockEventHashtags,
+  resolveMockKey: (item) => `${item.event_id}:${item.hashtag_id}`,
+});
--- a/src/api/entities/event_images.ts
+++ b/src/api/entities/event_images.ts
@@ -0,0 +1,9 @@
+import type { EventImage } from '@/models';
+import { mockEventImages } from '@/mocks';
+import { createResourceApi } from '../resourceFactory';
+
+export const event_imagesApi = createResourceApi<EventImage>({
+  endpoint: 'event_images',
+  mockData: mockEventImages,
+  resolveMockKey: (item) => item.id,
+});
--- a/src/api/entities/event_lineup.ts
+++ b/src/api/entities/event_lineup.ts
@@ -0,0 +1,9 @@
+import type { EventLineup } from '@/models';
+import { mockEventLineup } from '@/mocks';
+import { createResourceApi } from '../resourceFactory';
+
+export const event_lineupApi = createResourceApi<EventLineup>({
+  endpoint: 'event_lineup',
+  mockData: mockEventLineup,
+  resolveMockKey: (item) => item.id,
+});
--- a/src/api/entities/event_stats_snapshots.ts
+++ b/src/api/entities/event_stats_snapshots.ts
@@ -0,0 +1,9 @@
+import type { EventStatsSnapshot } from '@/models';
+import { mockEventStatsSnapshots } from '@/mocks';
+import { createResourceApi } from '../resourceFactory';
+
+export const event_stats_snapshotsApi = createResourceApi<EventStatsSnapshot>({
+  endpoint: 'event_stats_snapshots',
+  mockData: mockEventStatsSnapshots,
+  resolveMockKey: (item) => item.id,
+});
--- a/src/api/entities/event_themes.ts
+++ b/src/api/entities/event_themes.ts
@@ -0,0 +1,9 @@
+import { mockEventThemes } from '@/mocks';
+import type { EventTheme } from '@/models';
+import { createResourceApi } from '../resourceFactory';
+
+export const event_themesApi = createResourceApi<EventTheme>({
+  endpoint: 'event_themes',
+  mockData: mockEventThemes,
+  resolveMockKey: (item) => `${item.event_id}:${item.theme_id}`,
+});
--- a/src/api/entities/events.ts
+++ b/src/api/entities/events.ts
@@ -0,0 +1,9 @@
+import type { Event } from '@/models';
+import { mockEvents } from '@/mocks';
+import { createResourceApi } from '../resourceFactory';
+
+export const eventsApi = createResourceApi<Event>({
+  endpoint: 'events',
+  mockData: mockEvents,
+  resolveMockKey: (item) => item.id,
+});
--- a/src/api/entities/hashtags.ts
+++ b/src/api/entities/hashtags.ts
@@ -0,0 +1,9 @@
+import type { Hashtag } from '@/models';
+import { mockHashtags } from '@/mocks';
+import { createResourceApi } from '../resourceFactory';
+
+export const hashtagsApi = createResourceApi<Hashtag>({
+  endpoint: 'hashtags',
+  mockData: mockHashtags,
+  resolveMockKey: (item) => item.id,
+});
--- a/src/api/entities/index.ts
+++ b/src/api/entities/index.ts
@@ -0,0 +1,29 @@
+export * from './animators';
+export * from './comment_likes';
+export * from './comments';
+export * from './event_external_links';
+export * from './event_hashtags';
+export * from './event_images';
+export * from './event_lineup';
+export * from './event_stats_snapshots';
+export * from './event_themes';
+export * from './events';
+export * from './hashtags';
+export * from './organizer_members';
+export * from './organizer_subscriptions';
+export * from './organizers';
+export * from './plans';
+export * from './post_likes';
+export * from './post_media';
+export * from './posts';
+export * from './search_history';
+export * from './social_auth_providers';
+export * from './themes';
+export * from './tickets';
+export * from './user_animator_follows';
+export * from './user_event_interactions';
+export * from './user_event_shares';
+export * from './user_organizer_follows';
+export * from './user_theme_preferences';
+export * from './users';
+
--- a/src/api/entities/organizer_members.ts
+++ b/src/api/entities/organizer_members.ts
@@ -0,0 +1,9 @@
+import type { OrganizerMember } from '@/models';
+import { mockOrganizerMembers } from '@/mocks';
+import { createResourceApi } from '../resourceFactory';
+
+export const organizer_membersApi = createResourceApi<OrganizerMember>({
+  endpoint: 'organizer_members',
+  mockData: mockOrganizerMembers,
+  resolveMockKey: (item) => item.id,
+});
--- a/src/api/entities/organizer_subscriptions.ts
+++ b/src/api/entities/organizer_subscriptions.ts
@@ -0,0 +1,9 @@
+import type { OrganizerSubscription } from '@/models';
+import { mockOrganizerSubscriptions } from '@/mocks';
+import { createResourceApi } from '../resourceFactory';
+
+export const organizer_subscriptionsApi = createResourceApi<OrganizerSubscription>({
+  endpoint: 'organizer_subscriptions',
+  mockData: mockOrganizerSubscriptions,
+  resolveMockKey: (item) => item.id,
+});
--- a/src/api/entities/organizers.ts
+++ b/src/api/entities/organizers.ts
@@ -0,0 +1,9 @@
+import type { Organizer } from '@/models';
+import { mockOrganizers } from '@/mocks';
+import { createResourceApi } from '../resourceFactory';
+
+export const organizersApi = createResourceApi<Organizer>({
+  endpoint: 'organizers',
+  mockData: mockOrganizers,
+  resolveMockKey: (item) => item.id,
+});
--- a/src/api/entities/plans.ts
+++ b/src/api/entities/plans.ts
@@ -0,0 +1,9 @@
+import type { Plan } from '@/models';
+import { mockPlans } from '@/mocks';
+import { createResourceApi } from '../resourceFactory';
+
+export const plansApi = createResourceApi<Plan>({
+  endpoint: 'plans',
+  mockData: mockPlans,
+  resolveMockKey: (item) => item.id,
+});
--- a/src/api/entities/post_likes.ts
+++ b/src/api/entities/post_likes.ts
@@ -0,0 +1,9 @@
+import { mockPostLikes } from '@/mocks';
+import type { PostLike } from '@/models';
+import { createResourceApi } from '../resourceFactory';
+
+export const post_likesApi = createResourceApi<PostLike>({
+  endpoint: 'post_likes',
+  mockData: mockPostLikes,
+  resolveMockKey: (item) => `${item.user_id}:${item.post_id}`,
+});
--- a/src/api/entities/post_media.ts
+++ b/src/api/entities/post_media.ts
@@ -0,0 +1,9 @@
+import type { PostMedia } from '@/models';
+import { mockPostMedia } from '@/mocks';
+import { createResourceApi } from '../resourceFactory';
+
+export const post_mediaApi = createResourceApi<PostMedia>({
+  endpoint: 'post_media',
+  mockData: mockPostMedia,
+  resolveMockKey: (item) => item.id,
+});
--- a/src/api/entities/posts.ts
+++ b/src/api/entities/posts.ts
@@ -0,0 +1,9 @@
+import type { Post } from '@/models';
+import { mockPosts } from '@/mocks';
+import { createResourceApi } from '../resourceFactory';
+
+export const postsApi = createResourceApi<Post>({
+  endpoint: 'posts',
+  mockData: mockPosts,
+  resolveMockKey: (item) => item.id,
+});
--- a/src/api/entities/search_history.ts
+++ b/src/api/entities/search_history.ts
@@ -0,0 +1,9 @@
+import type { SearchHistory } from '@/models';
+import { mockSearchHistory } from '@/mocks';
+import { createResourceApi } from '../resourceFactory';
+
+export const search_historyApi = createResourceApi<SearchHistory>({
+  endpoint: 'search_history',
+  mockData: mockSearchHistory,
+  resolveMockKey: (item) => item.id,
+});
--- a/src/api/entities/social_auth_providers.ts
+++ b/src/api/entities/social_auth_providers.ts
@@ -0,0 +1,9 @@
+import type { SocialAuthProvider } from '@/models';
+import { mockSocialAuthProviders } from '@/mocks';
+import { createResourceApi } from '../resourceFactory';
+
+export const social_auth_providersApi = createResourceApi<SocialAuthProvider>({
+  endpoint: 'social_auth_providers',
+  mockData: mockSocialAuthProviders,
+  resolveMockKey: (item) => item.id,
+});
--- a/src/api/entities/themes.ts
+++ b/src/api/entities/themes.ts
@@ -0,0 +1,9 @@
+import type { Theme } from '@/models';
+import { mockThemes } from '@/mocks';
+import { createResourceApi } from '../resourceFactory';
+
+export const themesApi = createResourceApi<Theme>({
+  endpoint: 'themes',
+  mockData: mockThemes,
+  resolveMockKey: (item) => item.id,
+});
--- a/src/api/entities/tickets.ts
+++ b/src/api/entities/tickets.ts
@@ -0,0 +1,9 @@
+import type { Ticket } from '@/models';
+import { mockTickets } from '@/mocks';
+import { createResourceApi } from '../resourceFactory';
+
+export const ticketsApi = createResourceApi<Ticket>({
+  endpoint: 'tickets',
+  mockData: mockTickets,
+  resolveMockKey: (item) => item.id,
+});
--- a/src/api/entities/user_animator_follows.ts
+++ b/src/api/entities/user_animator_follows.ts
@@ -0,0 +1,9 @@
+import { mockUserAnimatorFollows } from '@/mocks';
+import type { UserAnimatorFollow } from '@/models';
+import { createResourceApi } from '../resourceFactory';
+
+export const user_animator_followsApi = createResourceApi<UserAnimatorFollow>({
+  endpoint: 'user_animator_follows',
+  mockData: mockUserAnimatorFollows,
+  resolveMockKey: (item) => `${item.user_id}:${item.animator_id}`,
+});
--- a/src/api/entities/user_event_interactions.ts
+++ b/src/api/entities/user_event_interactions.ts
@@ -0,0 +1,9 @@
+import { mockUserEventInteractions } from '@/mocks';
+import type { UserEventInteraction } from '@/models';
+import { createResourceApi } from '../resourceFactory';
+
+export const user_event_interactionsApi = createResourceApi<UserEventInteraction>({
+  endpoint: 'user_event_interactions',
+  mockData: mockUserEventInteractions,
+  resolveMockKey: (item) => `${item.user_id}:${item.event_id}`,
+});
--- a/src/api/entities/user_event_shares.ts
+++ b/src/api/entities/user_event_shares.ts
@@ -0,0 +1,9 @@
+import type { UserEventShare } from '@/models';
+import { mockUserEventShares } from '@/mocks';
+import { createResourceApi } from '../resourceFactory';
+
+export const user_event_sharesApi = createResourceApi<UserEventShare>({
+  endpoint: 'user_event_shares',
+  mockData: mockUserEventShares,
+  resolveMockKey: (item) => item.id,
+});
--- a/src/api/entities/user_organizer_follows.ts
+++ b/src/api/entities/user_organizer_follows.ts
@@ -0,0 +1,9 @@
+import { mockUserOrganizerFollows } from '@/mocks';
+import type { UserOrganizerFollow } from '@/models';
+import { createResourceApi } from '../resourceFactory';
+
+export const user_organizer_followsApi = createResourceApi<UserOrganizerFollow>({
+  endpoint: 'user_organizer_follows',
+  mockData: mockUserOrganizerFollows,
+  resolveMockKey: (item) => `${item.user_id}:${item.organizer_id}`,
+});
--- a/src/api/entities/user_theme_preferences.ts
+++ b/src/api/entities/user_theme_preferences.ts
@@ -0,0 +1,9 @@
+import { mockUserThemePreferences } from '@/mocks';
+import type { UserThemePreference } from '@/models';
+import { createResourceApi } from '../resourceFactory';
+
+export const user_theme_preferencesApi = createResourceApi<UserThemePreference>({
+  endpoint: 'user_theme_preferences',
+  mockData: mockUserThemePreferences,
+  resolveMockKey: (item) => `${item.user_id}:${item.theme_id}`,
+});
--- a/src/api/entities/users.ts
+++ b/src/api/entities/users.ts
@@ -0,0 +1,9 @@
+import type { User } from '@/models';
+import { mockUsers } from '@/mocks';
+import { createResourceApi } from '../resourceFactory';
+
+export const usersApi = createResourceApi<User>({
+  endpoint: 'users',
+  mockData: mockUsers,
+  resolveMockKey: (item) => item.id,
+});
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -0,0 +1,33 @@
+export * from './client';
+export * from './config';
+export * from './resourceFactory';
+export * from './types';
+export * from './entities/animators';
+export * from './entities/comment_likes';
+export * from './entities/comments';
+export * from './entities/event_external_links';
+export * from './entities/event_hashtags';
+export * from './entities/event_images';
+export * from './entities/event_lineup';
+export * from './entities/event_stats_snapshots';
+export * from './entities/event_themes';
+export * from './entities/events';
+export * from './entities/hashtags';
+export * from './entities/organizer_members';
+export * from './entities/organizer_subscriptions';
+export * from './entities/organizers';
+export * from './entities/plans';
+export * from './entities/post_likes';
+export * from './entities/post_media';
+export * from './entities/posts';
+export * from './entities/search_history';
+export * from './entities/social_auth_providers';
+export * from './entities/themes';
+export * from './entities/tickets';
+export * from './entities/user_animator_follows';
+export * from './entities/user_event_interactions';
+export * from './entities/user_event_shares';
+export * from './entities/user_organizer_follows';
+export * from './entities/user_theme_preferences';
+export * from './entities/users';
+
--- a/src/api/mockStore.ts
+++ b/src/api/mockStore.ts
@@ -0,0 +1,90 @@
+type KeyResolver<T> = (item: T) => string;
+
+type MockStoreOptions<T> = {
+  data: T[];
+  resolveKey: KeyResolver<T>;
+};
+
+const clone = <T>(value: T): T => {
+  if (typeof globalThis.structuredClone === 'function') {
+    return globalThis.structuredClone(value);
+  }
+
+  return JSON.parse(JSON.stringify(value)) as T;
+};
+
+const createMockId = (): string => {
+  const random = Math.random().toString(16).slice(2, 10).padEnd(8, '0');
+  return `00000000-0000-4000-8000-${random}`;
+};
+
+const ensureHasId = <T>(payload: Partial<T>): Partial<T> => {
+  if ('id' in payload && typeof payload.id === 'string' && payload.id.length > 0) {
+    return payload;
+  }
+
+  return {
+    ...payload,
+    id: createMockId(),
+  };
+};
+
+export const createMockStore = <T>(options: MockStoreOptions<T>) => {
+  const { resolveKey } = options;
+  const records = [...options.data];
+
+  const findIndex = (id: string): number => records.findIndex((item) => resolveKey(item) === id);
+
+  return {
+    list: async (): Promise<T[]> => clone(records),
+    get: async (id: string): Promise<T> => {
+      const index = findIndex(id);
+      if (index === -1) {
+        throw new Error(`Mock record not found for id "${id}"`);
+      }
+
+      return clone(records[index]);
+    },
+    create: async (payload: Partial<T>): Promise<T> => {
+      const next = ensureHasId(payload) as T;
+      records.push(next);
+      return clone(next);
+    },
+    update: async (id: string, payload: Partial<T>): Promise<T> => {
+      const index = findIndex(id);
+      if (index === -1) {
+        throw new Error(`Mock record not found for id "${id}"`);
+      }
+
+      const next = {
+        ...records[index],
+        ...payload,
+      };
+
+      records[index] = next;
+      return clone(next);
+    },
+    patch: async (id: string, payload: Partial<T>): Promise<T> => {
+      const index = findIndex(id);
+      if (index === -1) {
+        throw new Error(`Mock record not found for id "${id}"`);
+      }
+
+      const next = {
+        ...records[index],
+        ...payload,
+      };
+
+      records[index] = next;
+      return clone(next);
+    },
+    remove: async (id: string): Promise<void> => {
+      const index = findIndex(id);
+      if (index === -1) {
+        throw new Error(`Mock record not found for id "${id}"`);
+      }
+
+      records.splice(index, 1);
+    },
+  };
+};
--- a/src/api/resourceFactory.ts
+++ b/src/api/resourceFactory.ts
@@ -0,0 +1,66 @@
+import type { AxiosInstance } from 'axios';
+
+import { apiClient } from './client';
+import { API_USE_MOCKS } from './config';
+import { createMockStore } from './mockStore';
+import type { CreatePayload, CrudApi, UpdatePayload } from './types';
+
+type CreateResourceApiOptions<T> = {
+  endpoint: string;
+  mockData: T[];
+  resolveMockKey: (item: T) => string;
+  client?: AxiosInstance;
+  useMocks?: boolean;
+};
+
+export const createResourceApi = <T>(options: CreateResourceApiOptions<T>): CrudApi<T> => {
+  const {
+    endpoint,
+    mockData,
+    resolveMockKey,
+    client = apiClient,
+    useMocks = API_USE_MOCKS,
+  } = options;
+
+  const mockStore = createMockStore<T>({
+    data: mockData,
+    resolveKey: resolveMockKey,
+  });
+
+  if (useMocks) {
+    return {
+      list: () => mockStore.list(),
+      get: (id) => mockStore.get(id),
+      create: (payload) => mockStore.create(payload),
+      update: (id, payload) => mockStore.update(id, payload),
+      patch: (id, payload) => mockStore.patch(id, payload),
+      remove: (id) => mockStore.remove(id),
+    };
+  }
+
+  return {
+    list: async () => {
+      const response = await client.get<T[]>(`/${endpoint}`);
+      return response.data;
+    },
+    get: async (id: string) => {
+      const response = await client.get<T>(`/${endpoint}/${id}`);
+      return response.data;
+    },
+    create: async (payload: CreatePayload<T>) => {
+      const response = await client.post<T>(`/${endpoint}`, payload);
+      return response.data;
+    },
+    update: async (id: string, payload: UpdatePayload<T>) => {
+      const response = await client.put<T>(`/${endpoint}/${id}`, payload);
+      return response.data;
+    },
+    patch: async (id: string, payload: UpdatePayload<T>) => {
+      const response = await client.patch<T>(`/${endpoint}/${id}`, payload);
+      return response.data;
+    },
+    remove: async (id: string) => {
+      await client.delete(`/${endpoint}/${id}`);
+    },
+  };
+};
--- a/src/api/types.ts
+++ b/src/api/types.ts
@@ -0,0 +1,13 @@
+export type EntityWithId = { id: string };
+
+export type CreatePayload<T> = Partial<T>;
+export type UpdatePayload<T> = Partial<T>;
+
+export type CrudApi<T> = {
+  list: () => Promise<T[]>;
+  get: (id: string) => Promise<T>;
+  create: (payload: CreatePayload<T>) => Promise<T>;
+  update: (id: string, payload: UpdatePayload<T>) => Promise<T>;
+  patch: (id: string, payload: UpdatePayload<T>) => Promise<T>;
+  remove: (id: string) => Promise<void>;
+};
--- a/src/app/_layout.tsx
+++ b/src/app/_layout.tsx
@@ -1,11 +1,19 @@
+import { QueryClientProvider } from '@tanstack/react-query';
 import { Stack } from 'expo-router';

-import { ThemeProvider } from '../theme';
+import { queryClient } from '../hooks/queryClient';
+import { useAppFonts } from '../theme/typography';

 export default function RootLayout() {
+  const [fontsLoaded] = useAppFonts();
+
+  if (!fontsLoaded) {
+    return null;
+  }
+
  return (
-    <ThemeProvider>
+    <QueryClientProvider client={queryClient}>
      <Stack />
-    </ThemeProvider>
+    </QueryClientProvider>
  );
 }
--- a/src/app/index.tsx
+++ b/src/app/index.tsx
@@ -1,48 +1,228 @@
-import { StyleSheet, Text, View } from 'react-native';
+import { ArrowUp, ArrowUpRight, Plus } from 'lucide-react-native';
+import { useCallback, useMemo, useState } from 'react';
+import { ScrollView, StyleSheet, Text, View } from 'react-native';
+
+import { Badge } from '@/components/Badge';
+import { Button } from '@/components/Button';
+import { ParticipationSegment } from '@/components/ParticipationSegment';
+import { ThemeChip } from '@/components/ThemeChip';
+import { colors } from '@/theme/colors';
+import { spacing } from '@/theme/spacing';
+import { typography } from '@/theme/typography';

 import '../global.css';
-import { useTheme } from '../theme';

 export default function Index() {
-  const { colors, spacing, typography } = useTheme();
+  const [selectedThemes, setSelectedThemes] = useState<string[]>(['Soirée', 'Techno', 'Festival']);
+
+  const themeOptions = useMemo(
+    () => ['Soirée', 'Techno', 'Festival', 'Fête de jeunesse', 'Concert', 'Bal', 'Afterwork', 'Gratuit'],
+    [],
+  );
+
+  const simulateSubmit = useCallback(async () => {
+    await new Promise<void>((resolve) => {
+      setTimeout(resolve, 1300);
+    });
+  }, []);
+
+  const handleThemeSelect = useCallback((value: string, nextSelected: boolean) => {
+    setSelectedThemes((prev) => {
+      if (nextSelected) {
+        if (prev.includes(value)) {
+          return prev;
+        }
+
+        return [...prev, value];
+      }
+
+      return prev.filter((theme) => theme !== value);
+    });
+  }, []);

  return (
-    <View style={styles.container}>
-        <Text
-          style={[
-            styles.title,
-            {
-              color: colors.textSecondary,
-              fontFamily: typography.sectionLabel.fontFamily,
-              fontSize: typography.sectionLabel.fontSize,
-              lineHeight: typography.sectionLabel.lineHeight,
-              letterSpacing: typography.sectionLabel.letterSpacing,
-            },
-          ]}>
-          GradientButton variants
-        </Text>
-      </View>
+    <View style={[styles.screen, { backgroundColor: colors.deepBackground }]}>
+      <ScrollView
+        contentContainerStyle={[
+          styles.content,
+          {
+            padding: spacing[24],
+            gap: spacing[24],
+          },
+        ]}
+        showsVerticalScrollIndicator={false}
+      >
+        <View style={{ gap: spacing[8] }}>
+          <Text
+            style={[
+              typography.sectionLabel,
+              {
+                color: colors.textSecondary,
+                letterSpacing: 1.1,
+              },
+            ]}
+          >
+            BOUTONS · HAUTEUR 52 PX · RAYON 14 PX
+          </Text>
+        </View>
+
+        <View style={styles.row}>
+          <View style={styles.cell}>
+            <Button label="Publier" variant="primary" />
+            <Text style={[styles.caption, typography.digits, { color: colors.textSecondary }]}>Primaire</Text>
+          </View>
+          <View style={styles.cell}>
+            <Button label="Publier" variant="primary" />
+            <Text style={[styles.caption, typography.digits, { color: colors.textSecondary }]}>Pressé (tap)</Text>
+          </View>
+        </View>
+
+        <View style={styles.row}>
+          <View style={styles.cell}>
+            <Button label="Intéressé" variant="secondary" rightIcon={ArrowUpRight} />
+            <Text style={[styles.caption, typography.digits, { color: colors.textSecondary }]}>Secondaire</Text>
+          </View>
+          <View style={styles.cell}>
+            <Button label="Publier" variant="primary" disabled />
+            <Text style={[styles.caption, typography.digits, { color: colors.textSecondary }]}>Désactivé</Text>
+          </View>
+        </View>
+
+        <View style={styles.row}>
+          <View style={styles.cell}>
+            <Button label="Tout voir" variant="ghost" fullWidth={false} style={styles.autoWidthButton} />
+            <Text style={[styles.caption, typography.digits, { color: colors.textSecondary }]}>Texte</Text>
+          </View>
+          <View style={styles.cell}>
+            <Button label="Envoyer" variant="primary" autoLoading loadingLabel="Envoi..." onPress={simulateSubmit} />
+            <Text style={[styles.caption, typography.digits, { color: colors.textSecondary }]}>Chargement</Text>
+          </View>
+        </View>
+
+        <View style={styles.row}>
+          <View style={styles.cell}>
+            <Button label="Supprimer" variant="destructive" />
+            <Text style={[styles.caption, typography.digits, { color: colors.textSecondary }]}>Destructif</Text>
+          </View>
+          <View style={styles.cell}>
+            <View style={styles.iconRow}>
+              <Button
+                iconOnly
+                variant="secondary"
+                fullWidth={false}
+                icon={ArrowUp}
+                iconOnlyShape="default"
+                accessibilityLabel="Partager"
+              />
+              <Button
+                iconOnly
+                variant="primary"
+                fullWidth={false}
+                icon={Plus}
+                iconOnlyShape="round"
+                accessibilityLabel="Ajouter"
+              />
+            </View>
+            <Text style={[styles.caption, typography.digits, { color: colors.textSecondary }]}>Icône / FAB</Text>
+          </View>
+        </View>
+
+        <View style={{ gap: spacing[12] }}>
+          <Text style={[typography.sectionLabel, { color: colors.textSecondary, letterSpacing: 1.1 }]}>PARTICIPATION</Text>
+          <View style={{ gap: spacing[12] }}>
+            <ParticipationSegment defaultValue={{ going: false, interested: false }} />
+            <ParticipationSegment defaultValue={{ going: true, interested: true }} />
+          </View>
+        </View>
+
+        <View style={{ gap: spacing[12] }}>
+          <Text style={[typography.sectionLabel, { color: colors.textSecondary, letterSpacing: 1.1 }]}>BADGES</Text>
+          <View style={styles.badgeWrap}>
+            <Badge variant="verified" />
+            <Badge variant="free" />
+            <Badge variant="complete" />
+            <Badge variant="tonight" />
+            <Badge variant="pro" />
+            <Badge variant="draft" />
+            <Badge date={{ day: '04', month: 'sept' }} />
+          </View>
+        </View>
+
+        <View style={{ gap: spacing[12] }}>
+          <Text style={[typography.sectionLabel, { color: colors.textSecondary, letterSpacing: 1.1 }]}>CHIPS DE THÈME · CAPSULE 34 PX</Text>
+          <View style={styles.chipWrap}>
+            <ThemeChip label="Soirée" selected selectedVariant="gradient" showCross={false} />
+            <ThemeChip label="Festival" selected selectedVariant="accent" />
+            <ThemeChip label="Fête de jeunesse" />
+            <ThemeChip label="Concert" />
+            <ThemeChip label="Bal" />
+            <ThemeChip label="Techno" />
+            <ThemeChip label="Afterwork" />
+            <ThemeChip label="Gratuit" selected selectedVariant="accent" showRemoveIcon={false} />
+          </View>
+        </View>
+
+        <View style={{ gap: spacing[12] }}>
+          <Text style={[typography.sectionLabel, { color: colors.textSecondary, letterSpacing: 1.1 }]}>THÈMES · MULTI-SÉLECTION</Text>
+          <View style={styles.chipWrap}>
+            {themeOptions.map((theme) => {
+              const selected = selectedThemes.includes(theme);
+
+              return (
+                <ThemeChip
+                  key={theme}
+                  label={theme}
+                  value={theme}
+                  selected={selected}
+                  selectedVariant={theme === 'Soirée' ? 'gradient' : 'accent'}
+                  onSelect={handleThemeSelect}
+                />
+              );
+            })}
+          </View>
+        </View>
+      </ScrollView>
+    </View>
  );
 }

 const styles = StyleSheet.create({
-  safeArea: {
+  screen: {
    flex: 1,
  },
-  container: {
+  content: {
+    paddingBottom: 40,
+  },
+  row: {
+    flexDirection: 'row',
+    gap: 14,
+  },
+  cell: {
    flex: 1,
-    paddingHorizontal: 20,
-    paddingTop: 24,
+    gap: 10,
+  },
+  caption: {
+    textAlign: 'center',
+  },
+  iconRow: {
+    flexDirection: 'row',
    justifyContent: 'center',
+    gap: 12,
  },
-  title: {
-    textTransform: 'uppercase',
-    marginBottom: 20,
+  autoWidthButton: {
+    alignSelf: 'center',
+    width: 140,
  },
-  stack: {
-    width: '100%',
+  badgeWrap: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: 12,
+    alignItems: 'center',
  },
-  disabledWrap: {
-    marginTop: 24,
+  chipWrap: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: 10,
+    alignItems: 'center',
  },
 });
--- a/src/components/Badge.tsx
+++ b/src/components/Badge.tsx
@@ -0,0 +1,245 @@
+import { Check, type LucideIcon } from 'lucide-react-native';
+import { useEffect, useMemo, useRef } from 'react';
+import {
+    Animated,
+    StyleSheet,
+    Text,
+    View,
+    type StyleProp,
+    type TextStyle,
+    type ViewStyle,
+} from 'react-native';
+
+import { colors } from '@/theme/colors';
+import { borderRadius } from '@/theme/spacing';
+import { typography } from '@/theme/typography';
+
+export type BadgeVariant = 'verified' | 'tonight' | 'free' | 'complete' | 'draft' | 'pro' | 'date';
+
+export type BadgeDate = {
+  day: string;
+  month: string;
+};
+
+type BadgeProps = {
+  variant?: BadgeVariant;
+  label?: string;
+  icon?: LucideIcon;
+  date?: BadgeDate;
+  compact?: boolean;
+  style?: StyleProp<ViewStyle>;
+  textStyle?: StyleProp<TextStyle>;
+};
+
+const DEFAULT_LABELS: Record<BadgeVariant, string> = {
+  verified: 'Vérifié',
+  tonight: 'Ce soir',
+  free: 'Gratuit',
+  complete: 'Complet',
+  draft: 'Brouillon',
+  pro: 'Pro',
+  date: 'Date',
+};
+
+export function Badge({
+  variant = 'verified',
+  label,
+  icon,
+  date,
+  compact = true,
+  style,
+  textStyle,
+}: BadgeProps) {
+  const pulse = useRef(new Animated.Value(1)).current;
+
+  useEffect(() => {
+    if (variant !== 'tonight') {
+      return;
+    }
+
+    const animation = Animated.loop(
+      Animated.sequence([
+        Animated.timing(pulse, {
+          toValue: 1.04,
+          duration: 640,
+          useNativeDriver: true,
+        }),
+        Animated.timing(pulse, {
+          toValue: 0.98,
+          duration: 640,
+          useNativeDriver: true,
+        }),
+      ]),
+    );
+
+    animation.start();
+
+    return () => animation.stop();
+  }, [pulse, variant]);
+
+  const config = useMemo(() => {
+    if (variant === 'verified') {
+      return {
+        backgroundColor: 'rgba(40, 224, 240, 0.12)',
+        borderColor: 'rgba(40, 224, 240, 0.6)',
+        textColor: '#A9F4FF',
+      };
+    }
+
+    if (variant === 'tonight') {
+      return {
+        backgroundColor: 'rgba(255, 46, 136, 0.18)',
+        borderColor: 'rgba(255, 46, 136, 0.7)',
+        textColor: '#FFD0E3',
+      };
+    }
+
+    if (variant === 'free') {
+      return {
+        backgroundColor: colors.successSoft,
+        borderColor: colors.successBorder,
+        textColor: '#A6F5CD',
+      };
+    }
+
+    if (variant === 'complete') {
+      return {
+        backgroundColor: 'rgba(255, 255, 255, 0.06)',
+        borderColor: 'rgba(255, 255, 255, 0.12)',
+        textColor: '#F4F5FA',
+      };
+    }
+
+    if (variant === 'draft') {
+      return {
+        backgroundColor: colors.warningSoft,
+        borderColor: 'rgba(255, 196, 120, 0.55)',
+        textColor: '#FFE0AE',
+      };
+    }
+
+    if (variant === 'pro') {
+      return {
+        backgroundColor: colors.secondarySoft,
+        borderColor: 'rgba(123, 61, 255, 0.55)',
+        textColor: '#DCCBFF',
+      };
+    }
+
+    return {
+      backgroundColor: 'rgba(255, 255, 255, 0.04)',
+      borderColor: 'rgba(255, 255, 255, 0.12)',
+      textColor: colors.textPrimary,
+    };
+  }, [colors, variant]);
+
+  if (variant === 'date' || date) {
+    const day = date?.day ?? '04';
+    const month = date?.month ?? 'sept';
+
+    return (
+      <View
+        style={[
+          styles.dateBadge,
+          {
+            backgroundColor: 'rgba(255, 255, 255, 0.02)',
+            borderColor: 'rgba(255, 255, 255, 0.12)',
+          },
+          style,
+        ]}
+      >
+        <Text
+          style={[
+            styles.dateDay,
+            {
+              color: '#F5F7FF',
+            },
+          ]}
+        >
+          {day}
+        </Text>
+        <Text
+          style={[
+            styles.dateMonth,
+            {
+              color: '#DFE3F2',
+            },
+          ]}
+        >
+          {month}
+        </Text>
+      </View>
+    );
+  }
+
+  const Icon = icon ?? (variant === 'verified' ? Check : undefined);
+  const resolvedLabel = (label ?? DEFAULT_LABELS[variant] ?? '').toUpperCase();
+
+  const badgeStyle: ViewStyle = {
+    backgroundColor: config.backgroundColor,
+    borderColor: config.borderColor,
+    borderWidth: 1,
+    borderRadius: borderRadius.chip,
+    paddingHorizontal: compact ? 12 : 16,
+    paddingVertical: compact ? 8 : 10,
+    minHeight: compact ? 30 : 34,
+    alignSelf: 'flex-start',
+    justifyContent: 'center',
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 6,
+    ...(variant === 'tonight'
+      ? { shadowColor: '#FF2E88', shadowOffset: { width: 0, height: 0 }, shadowOpacity: 0.45, shadowRadius: 12, elevation: 6 }
+      : {}),
+  };
+
+  const textStyleResolved: TextStyle = {
+    color: config.textColor,
+    ...typography.badge,
+    letterSpacing: 1.45,
+    opacity: 1,
+    fontWeight: '600',
+  };
+
+  return (
+    <Animated.View
+      style={[
+        badgeStyle,
+        variant === 'tonight' ? { transform: [{ scale: pulse }] } : null,
+        style,
+      ]}
+    >
+      {Icon ? <Icon color={config.textColor} size={12} strokeWidth={2.5} /> : null}
+      <Text style={[textStyleResolved, textStyle]}>{resolvedLabel}</Text>
+    </Animated.View>
+  );
+}
+
+const styles = StyleSheet.create({
+  dateBadge: {
+    width: 54,
+    aspectRatio: 1,
+    borderRadius: 14,
+    borderWidth: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    overflow: 'hidden',
+    paddingVertical: 6,
+  },
+  dateDay: {
+    fontFamily: 'SpaceGrotesk_700Bold',
+    fontSize: 18,
+    lineHeight: 20,
+    letterSpacing: -0.24,
+    textAlign: 'center',
+  },
+  dateMonth: {
+    fontFamily: 'JetBrainsMono_500Medium',
+    fontSize: 9,
+    lineHeight: 10,
+    letterSpacing: 1.2,
+    textAlign: 'center',
+    textTransform: 'uppercase',
+    marginTop: 1,
+  },
+});
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@@ -0,0 +1,263 @@
+import { LinearGradient } from 'expo-linear-gradient';
+import type { LucideIcon } from 'lucide-react-native';
+import { useCallback, useMemo, useState } from 'react';
+import {
+  ActivityIndicator,
+  type GestureResponderEvent,
+  Pressable,
+  type StyleProp,
+  StyleSheet,
+  Text,
+  type TextStyle,
+  View,
+  type ViewStyle,
+} from 'react-native';
+import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+
+import { colors, gradientDirection, gradients } from '@/theme/colors';
+import { borderRadius } from '@/theme/spacing';
+import { typography } from '@/theme/typography';
+
+
+const BUTTON_HEIGHT = 52;
+const PRESSED_SCALE = 0.97;
+
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+
+type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'destructive';
+type IconOnlyShape = 'round' | 'default';
+
+type ButtonProps = {
+	label?: string;
+	variant?: ButtonVariant;
+	disabled?: boolean;
+	loading?: boolean;
+	loadingLabel?: string;
+	autoLoading?: boolean;
+	iconOnly?: boolean;
+	iconOnlyShape?: IconOnlyShape;
+	icon?: LucideIcon;
+	leftIcon?: LucideIcon;
+	rightIcon?: LucideIcon;
+	iconSize?: number;
+	iconStrokeWidth?: number;
+	fullWidth?: boolean;
+	onPress?: (event: GestureResponderEvent) => void | Promise<void>;
+	style?: StyleProp<ViewStyle>;
+	textStyle?: StyleProp<TextStyle>;
+	accessibilityLabel?: string;
+	testID?: string;
+};
+
+export function Button({
+	label,
+	variant = 'primary',
+	disabled = false,
+	loading = false,
+	loadingLabel,
+	autoLoading = false,
+	iconOnly = false,
+	iconOnlyShape = 'round',
+	icon,
+	leftIcon,
+	rightIcon,
+	iconSize = 20,
+	iconStrokeWidth = 2,
+	fullWidth = true,
+	onPress,
+	style,
+	textStyle,
+	accessibilityLabel,
+	testID,
+}: ButtonProps) {
+	const [internalLoading, setInternalLoading] = useState(false);
+	const [isPressed, setIsPressed] = useState(false);
+
+	const isLoading = loading || internalLoading;
+	const isDisabled = disabled || isLoading;
+	const scale = useSharedValue(1);
+
+	const animatedStyle = useAnimatedStyle(() => ({
+		transform: [{ scale: scale.value }],
+	}));
+
+	const handlePressIn = useCallback(() => {
+		if (isDisabled) {
+			return;
+		}
+
+		setIsPressed(true);
+		scale.value = withTiming(PRESSED_SCALE, { duration: 120 });
+	}, [isDisabled, scale]);
+
+	const handlePressOut = useCallback(() => {
+		setIsPressed(false);
+		scale.value = withTiming(1, { duration: 140 });
+	}, [scale]);
+
+	const handlePress = useCallback(
+		async (event: GestureResponderEvent) => {
+			if (!onPress || isDisabled) {
+				return;
+			}
+
+			const result = onPress(event);
+
+			if (!autoLoading || !(result instanceof Promise)) {
+				return;
+			}
+
+			setInternalLoading(true);
+			try {
+				await result;
+			} finally {
+				setInternalLoading(false);
+			}
+		},
+		[autoLoading, isDisabled, onPress],
+	);
+
+	const labelColor = useMemo(() => {
+		if (isDisabled) {
+			return colors.textDisabled;
+		}
+
+		if (variant === 'primary') {
+			return colors.textPrimary;
+		}
+
+		if (variant === 'destructive') {
+			return colors.danger;
+		}
+
+		if (variant === 'ghost') {
+			return colors.tertiary;
+		}
+
+		return colors.textPrimary;
+	}, [colors, isDisabled, variant]);
+
+	const loadingColor = variant === 'primary' && !isDisabled ? colors.textPrimary : labelColor;
+	const iconOnlyRadius = iconOnlyShape === 'round' ? BUTTON_HEIGHT / 2 : borderRadius.button;
+	const sideIconColor = !isDisabled && variant === 'secondary' ? colors.tertiary : labelColor;
+	const iconOnlyColor = labelColor;
+
+	const IconOnly = icon;
+	const LeftIcon = leftIcon;
+	const RightIcon = rightIcon;
+
+	const containerStyle: ViewStyle = {
+		width: fullWidth && !iconOnly ? '100%' : BUTTON_HEIGHT,
+		height: BUTTON_HEIGHT,
+		borderRadius: iconOnly ? iconOnlyRadius : borderRadius.button,
+		overflow: 'hidden',
+	};
+
+	const baseFillStyle: ViewStyle = {
+		flex: 1,
+		alignItems: 'center',
+		justifyContent: 'center',
+		flexDirection: 'row',
+		gap: 8,
+		borderRadius: iconOnly ? iconOnlyRadius : borderRadius.button,
+	};
+
+	const variantFillStyle: ViewStyle = (() => {
+		if (isDisabled) {
+			return {
+				backgroundColor: colors.surface,
+				borderWidth: 1,
+				borderColor: colors.border,
+			};
+		}
+
+		if (variant === 'secondary') {
+			return {
+				backgroundColor: colors.surfaceElevated,
+				borderWidth: 1,
+				borderColor: colors.border,
+			};
+		}
+
+		if (variant === 'ghost') {
+			return {
+				backgroundColor: 'transparent',
+			};
+		}
+
+		if (variant === 'destructive') {
+			return {
+				backgroundColor: 'rgba(255, 77, 109, 0.08)',
+				borderWidth: 1,
+				borderColor: colors.danger,
+			};
+		}
+
+		return {
+			backgroundColor: colors.surface,
+		};
+	})();
+
+	const contentPaddingStyle: ViewStyle = {
+		paddingHorizontal: iconOnly ? 0 : 24,
+	};
+
+	const textStyles: TextStyle = {
+		...typography.button,
+		color: labelColor,
+	};
+
+	const content = (
+		<>
+			{isLoading ? <ActivityIndicator color={loadingColor} size="small" /> : null}
+			{!isLoading && iconOnly && IconOnly ? (
+				<IconOnly color={iconOnlyColor} size={iconSize} strokeWidth={iconStrokeWidth} />
+			) : null}
+			{!iconOnly && !isLoading && LeftIcon ? (
+				<LeftIcon color={sideIconColor} size={iconSize} strokeWidth={iconStrokeWidth} />
+			) : null}
+			{!iconOnly && label ? <Text style={[textStyles, textStyle]}>{isLoading && loadingLabel ? loadingLabel : label}</Text> : null}
+			{!iconOnly && !isLoading && RightIcon ? (
+				<RightIcon color={sideIconColor} size={iconSize} strokeWidth={iconStrokeWidth} />
+			) : null}
+		</>
+	);
+
+	const fillNode =
+		variant === 'primary' && !isDisabled ? (
+			<LinearGradient
+				colors={isPressed ? gradients.signaturePressed : gradients.signature}
+				start={gradientDirection.start}
+				end={gradientDirection.end}
+				style={[baseFillStyle, contentPaddingStyle]}
+			>
+				{content}
+			</LinearGradient>
+		) : (
+			<View style={[baseFillStyle, contentPaddingStyle, variantFillStyle]}>{content}</View>
+		);
+
+	return (
+		<AnimatedPressable
+			testID={testID}
+			accessibilityRole="button"
+			accessibilityState={{ disabled: isDisabled, busy: isLoading }}
+			accessibilityLabel={accessibilityLabel ?? label}
+			disabled={isDisabled}
+			onPress={handlePress}
+			onPressIn={handlePressIn}
+			onPressOut={handlePressOut}
+			style={[styles.root, containerStyle, animatedStyle, style]}
+		>
+			{fillNode}
+		</AnimatedPressable>
+	);
+}
+
+export default Button;
+
+const styles = StyleSheet.create({
+	root: {
+		alignSelf: 'stretch',
+	},
+});
--- a/src/components/ParticipationSegment.tsx
+++ b/src/components/ParticipationSegment.tsx
@@ -0,0 +1,373 @@
+import * as Haptics from 'expo-haptics';
+import { LinearGradient } from 'expo-linear-gradient';
+import { Check, Heart } from 'lucide-react-native';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import {
+    ActivityIndicator,
+    Pressable,
+    StyleSheet,
+    Text,
+    View,
+    type StyleProp,
+    type ViewStyle,
+} from 'react-native';
+import Animated, {
+    Easing,
+    interpolate,
+    useAnimatedStyle,
+    useSharedValue,
+    withTiming,
+} from 'react-native-reanimated';
+
+import { colors, glow, gradientDirection, gradients } from '@/theme/colors';
+import { borderRadius } from '@/theme/spacing';
+import { typography } from '@/theme/typography';
+
+type ParticipationValue = {
+  going: boolean;
+  interested: boolean;
+};
+
+type ParticipationSegmentProps = {
+  value?: ParticipationValue;
+  defaultValue?: Partial<ParticipationValue>;
+  onChange?: (nextValue: ParticipationValue) => void;
+  onToggleGoing?: (nextGoing: boolean) => void;
+  onToggleInterested?: (nextInterested: boolean) => void;
+  disabled?: boolean;
+  loadingGoing?: boolean;
+  loadingInterested?: boolean;
+  style?: StyleProp<ViewStyle>;
+  testID?: string;
+};
+
+const BUTTON_HEIGHT = 52;
+const TRANSITION_DURATION = 180;
+const ICON_SIZE = 16;
+const SPINNER_SIZE = 18;
+
+const AnimatedView = Animated.createAnimatedComponent(View);
+
+export function ParticipationSegment({
+  value,
+  defaultValue,
+  onChange,
+  onToggleGoing,
+  onToggleInterested,
+  disabled = false,
+  loadingGoing = false,
+  loadingInterested = false,
+  style,
+  testID,
+}: ParticipationSegmentProps) {
+
+  const [internalValue, setInternalValue] = useState<ParticipationValue>({
+    going: defaultValue?.going ?? false,
+    interested: defaultValue?.interested ?? false,
+  });
+
+  const resolvedValue = value ?? internalValue;
+
+  const goingProgress = useSharedValue(resolvedValue.going ? 1 : 0);
+  const interestedProgress = useSharedValue(resolvedValue.interested ? 1 : 0);
+
+  useEffect(() => {
+    goingProgress.value = withTiming(resolvedValue.going ? 1 : 0, {
+      duration: TRANSITION_DURATION,
+      easing: Easing.out(Easing.cubic),
+    });
+  }, [goingProgress, resolvedValue.going]);
+
+  useEffect(() => {
+    interestedProgress.value = withTiming(resolvedValue.interested ? 1 : 0, {
+      duration: TRANSITION_DURATION,
+      easing: Easing.out(Easing.cubic),
+    });
+  }, [interestedProgress, resolvedValue.interested]);
+
+  const commitChange = useCallback(
+    (nextValue: ParticipationValue) => {
+      if (!value) {
+        setInternalValue(nextValue);
+      }
+
+      onChange?.(nextValue);
+    },
+    [onChange, value],
+  );
+
+  const emitHaptic = useCallback(async (nextSelected: boolean) => {
+    try {
+      if (nextSelected) {
+        await Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Medium);
+        return;
+      }
+
+      await Haptics.selectionAsync();
+    } catch {
+      // Haptics can fail on unsupported devices, the toggle should still work.
+    }
+  }, []);
+
+  const handleToggleGoing = useCallback(async () => {
+    if (disabled || loadingGoing) {
+      return;
+    }
+
+    const nextGoing = !resolvedValue.going;
+    const nextValue = {
+      ...resolvedValue,
+      going: nextGoing,
+    };
+
+    await emitHaptic(nextGoing);
+    commitChange(nextValue);
+    onToggleGoing?.(nextGoing);
+  }, [commitChange, disabled, emitHaptic, loadingGoing, onToggleGoing, resolvedValue]);
+
+  const handleToggleInterested = useCallback(async () => {
+    if (disabled || loadingInterested) {
+      return;
+    }
+
+    const nextInterested = !resolvedValue.interested;
+    const nextValue = {
+      ...resolvedValue,
+      interested: nextInterested,
+    };
+
+    await emitHaptic(nextInterested);
+    commitChange(nextValue);
+    onToggleInterested?.(nextInterested);
+  }, [commitChange, disabled, emitHaptic, loadingInterested, onToggleInterested, resolvedValue]);
+
+  const goingGlowStyle = useAnimatedStyle(() => ({
+    shadowOpacity: interpolate(goingProgress.value, [0, 1], [glow.primary.shadowOpacity ?? 0, 0]),
+    elevation: interpolate(goingProgress.value, [0, 1], [glow.primary.elevation ?? 0, 0]),
+  }));
+
+  const goingIdleLayerStyle = useAnimatedStyle(() => ({
+    opacity: interpolate(goingProgress.value, [0, 1], [1, 0]),
+  }));
+
+  const goingSelectedLayerStyle = useAnimatedStyle(() => ({
+    opacity: interpolate(goingProgress.value, [0, 1], [0, 1]),
+  }));
+
+  const interestedIdleLayerStyle = useAnimatedStyle(() => ({
+    opacity: interpolate(interestedProgress.value, [0, 1], [1, 0]),
+  }));
+
+  const interestedSelectedLayerStyle = useAnimatedStyle(() => ({
+    opacity: interpolate(interestedProgress.value, [0, 1], [0, 1]),
+  }));
+
+  const goingAccessibilityLabel = useMemo(
+    () => (resolvedValue.going ? 'Se desinscrire de la participation' : 'Participer a cet evenement'),
+    [resolvedValue.going],
+  );
+
+  const interestedAccessibilityLabel = useMemo(
+    () =>
+      resolvedValue.interested
+        ? 'Retirer ce marqueur interesse'
+        : 'Marquer cet evenement comme interesse',
+    [resolvedValue.interested],
+  );
+
+  const buttonRadius = borderRadius.button;
+
+  return (
+    <View style={[styles.row, style]} testID={testID}>
+      <AnimatedView
+        style={[
+          styles.buttonShell,
+          {
+            borderRadius: buttonRadius,
+            shadowColor: glow.primary.shadowColor,
+            shadowOffset: glow.primary.shadowOffset,
+            shadowRadius: glow.primary.shadowRadius,
+          },
+          !disabled ? goingGlowStyle : null,
+        ]}
+      >
+        <Pressable
+          onPress={handleToggleGoing}
+          disabled={disabled || loadingGoing}
+          accessibilityRole="button"
+          accessibilityState={{ selected: resolvedValue.going, disabled: disabled || loadingGoing, busy: loadingGoing }}
+          accessibilityLabel={goingAccessibilityLabel}
+          style={styles.pressable}
+        >
+          {disabled ? (
+            <View
+              style={[
+                styles.layer,
+                {
+                  borderRadius: buttonRadius,
+                  backgroundColor: colors.surfaceElevated,
+                  borderColor: colors.border,
+                  borderWidth: 1.5,
+                  opacity: 0.45,
+                },
+              ]}
+            >
+              <Check color={colors.textDisabled} size={ICON_SIZE} strokeWidth={2} />
+              <Text style={[typography.button, { color: colors.textDisabled }]}>Je participe</Text>
+            </View>
+          ) : (
+            <>
+              <AnimatedView style={[styles.layer, { borderRadius: buttonRadius }, goingIdleLayerStyle]}>
+                <LinearGradient
+                  colors={gradients.signature}
+                  start={gradientDirection.start}
+                  end={gradientDirection.end}
+                  style={[styles.fill, { borderRadius: buttonRadius }]}
+                >
+                  {loadingGoing ? (
+                    <ActivityIndicator size={SPINNER_SIZE} color={colors.textPrimary} />
+                  ) : (
+                    <>
+                      <Check color={colors.textPrimary} size={ICON_SIZE} strokeWidth={2} />
+                      <Text style={[typography.button, { color: colors.textPrimary }]}>Je participe</Text>
+                    </>
+                  )}
+                </LinearGradient>
+              </AnimatedView>
+
+              <AnimatedView style={[styles.layer, { borderRadius: buttonRadius }, goingSelectedLayerStyle]}>
+                <View
+                  style={[
+                    styles.fill,
+                    {
+                      borderRadius: buttonRadius,
+                      backgroundColor: colors.successSoft,
+                      borderWidth: 1.5,
+                      borderColor: colors.successBorder,
+                    },
+                  ]}
+                >
+                  {loadingGoing ? (
+                    <ActivityIndicator size={SPINNER_SIZE} color={colors.success} />
+                  ) : (
+                    <>
+                      <Check color={colors.success} size={ICON_SIZE} strokeWidth={2} />
+                      <Text style={[typography.button, { color: colors.success }]}>Inscrit</Text>
+                    </>
+                  )}
+                </View>
+              </AnimatedView>
+            </>
+          )}
+        </Pressable>
+      </AnimatedView>
+
+      <View style={[styles.buttonShell, { borderRadius: buttonRadius }]}> 
+        <Pressable
+          onPress={handleToggleInterested}
+          disabled={disabled || loadingInterested}
+          accessibilityRole="button"
+          accessibilityState={{ selected: resolvedValue.interested, disabled: disabled || loadingInterested, busy: loadingInterested }}
+          accessibilityLabel={interestedAccessibilityLabel}
+          style={styles.pressable}
+        >
+          {disabled ? (
+            <View
+              style={[
+                styles.layer,
+                {
+                  borderRadius: buttonRadius,
+                  backgroundColor: colors.surfaceElevated,
+                  borderColor: colors.border,
+                  borderWidth: 1.5,
+                  opacity: 0.45,
+                },
+              ]}
+            >
+              <Heart color={colors.textDisabled} size={ICON_SIZE} strokeWidth={1.7} />
+              <Text style={[typography.button, { color: colors.textDisabled }]}>Interesse</Text>
+            </View>
+          ) : (
+            <>
+              <AnimatedView style={[styles.layer, { borderRadius: buttonRadius }, interestedIdleLayerStyle]}>
+                <View
+                  style={[
+                    styles.fill,
+                    {
+                      borderRadius: buttonRadius,
+                      backgroundColor: colors.surfaceElevated,
+                      borderWidth: 1.5,
+                      borderColor: colors.border,
+                    },
+                  ]}
+                >
+                  {loadingInterested ? (
+                    <ActivityIndicator size={SPINNER_SIZE} color={colors.textPrimary} />
+                  ) : (
+                    <>
+                      <Heart color={colors.textPrimary} size={ICON_SIZE} strokeWidth={1.7} fill="none" />
+                      <Text style={[typography.button, { color: colors.textPrimary }]}>Interesse</Text>
+                    </>
+                  )}
+                </View>
+              </AnimatedView>
+
+              <AnimatedView style={[styles.layer, { borderRadius: buttonRadius }, interestedSelectedLayerStyle]}>
+                <View
+                  style={[
+                    styles.fill,
+                    {
+                      borderRadius: buttonRadius,
+                      backgroundColor: colors.primarySoft,
+                      borderWidth: 1.5,
+                      borderColor: colors.primaryBorder,
+                    },
+                  ]}
+                >
+                  {loadingInterested ? (
+                    <ActivityIndicator size={SPINNER_SIZE} color={colors.primary} />
+                  ) : (
+                    <>
+                      <Heart color={colors.primary} size={ICON_SIZE} strokeWidth={0} fill={colors.primary} />
+                      <Text style={[typography.button, { color: colors.primary }]}>Interesse</Text>
+                    </>
+                  )}
+                </View>
+              </AnimatedView>
+            </>
+          )}
+        </Pressable>
+      </View>
+    </View>
+  );
+}
+
+export type { ParticipationSegmentProps, ParticipationValue };
+
+export default ParticipationSegment;
+
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    gap: 12,
+    alignItems: 'center',
+  },
+  buttonShell: {
+    flex: 1,
+    height: BUTTON_HEIGHT,
+    overflow: 'hidden',
+  },
+  pressable: {
+    flex: 1,
+  },
+  layer: {
+    ...StyleSheet.absoluteFill,
+  },
+  fill: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 8,
+  },
+});
--- a/src/components/ThemeChip.tsx
+++ b/src/components/ThemeChip.tsx
@@ -0,0 +1,132 @@
+import { LinearGradient } from 'expo-linear-gradient';
+import { X } from 'lucide-react-native';
+import { useCallback } from 'react';
+import {
+    Pressable,
+    type StyleProp,
+    StyleSheet,
+    Text,
+    type TextStyle,
+    View,
+    type ViewStyle,
+} from 'react-native';
+
+import { colors, gradientDirection, gradients } from '@/theme/colors';
+import { borderRadius } from '@/theme/spacing';
+import { typography } from '@/theme/typography';
+
+
+export type ThemeChipSelectedVariant = 'gradient' | 'accent';
+
+export type ThemeChipProps = {
+  label: string;
+  value?: string;
+  selected?: boolean;
+  selectedVariant?: ThemeChipSelectedVariant;
+  disabled?: boolean;
+  showCross?: boolean;
+  showRemoveIcon?: boolean;
+  onSelect?: (value: string, nextSelected: boolean) => void;
+  style?: StyleProp<ViewStyle>;
+  textStyle?: StyleProp<TextStyle>;
+  testID?: string;
+  accessibilityLabel?: string;
+};
+
+const CHIP_HEIGHT = 34;
+
+export function ThemeChip({
+  label,
+  value,
+  selected = false,
+  selectedVariant = 'accent',
+  disabled = false,
+  showCross,
+  showRemoveIcon = true,
+  onSelect,
+  style,
+  textStyle,
+  testID,
+  accessibilityLabel,
+}: ThemeChipProps) {
+  const resolvedValue = value ?? label;
+  const isGradient = selected && selectedVariant === 'gradient';
+  const showSelectedIcon = selected && (showCross ?? showRemoveIcon);
+
+  const handlePress = useCallback(() => {
+    if (disabled) {
+      return;
+    }
+
+    onSelect?.(resolvedValue, !selected);
+  }, [disabled, onSelect, resolvedValue, selected]);
+
+  const containerStyle: ViewStyle = {
+    minHeight: CHIP_HEIGHT,
+    borderRadius: borderRadius.chip,
+    paddingHorizontal: 14,
+    borderWidth: 1,
+    alignSelf: 'flex-start',
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 8,
+    opacity: disabled ? 0.45 : 1,
+  };
+
+  const accentSelectedStyle: ViewStyle = {
+    backgroundColor: colors.primarySoft,
+    borderColor: colors.primary,
+  };
+
+  const idleStyle: ViewStyle = {
+    backgroundColor: colors.surface,
+    borderColor: '#2A2A3C',
+  };
+
+  const textColor = isGradient
+    ? colors.textPrimary
+    : selected
+      ? colors.textOnPrimarySoft
+      : colors.textPrimary;
+
+  return (
+    <Pressable
+      testID={testID}
+      disabled={disabled}
+      onPress={handlePress}
+      accessibilityRole="button"
+      accessibilityState={{ disabled, selected }}
+      accessibilityLabel={accessibilityLabel ?? label}
+      style={[styles.root, style]}
+    >
+      {isGradient ? (
+        <LinearGradient
+          colors={gradients.signature}
+          start={gradientDirection.start}
+          end={gradientDirection.end}
+          style={[containerStyle, { borderColor: 'transparent' }]}
+        >
+          <Text style={[styles.label, typography.chip, { color: textColor }, textStyle]}>{label}</Text>
+          {showSelectedIcon ? <X color={textColor} size={12} strokeWidth={2.3} /> : null}
+        </LinearGradient>
+      ) : (
+        <View style={[containerStyle, selected ? accentSelectedStyle : idleStyle]}>
+          <Text style={[styles.label, typography.chip, { color: textColor }, textStyle]}>{label}</Text>
+          {showSelectedIcon ? <X color={textColor} size={12} strokeWidth={2.3} /> : null}
+        </View>
+      )}
+    </Pressable>
+  );
+}
+
+export default ThemeChip;
+
+const styles = StyleSheet.create({
+  root: {
+    alignSelf: 'flex-start',
+  },
+  label: {
+    fontWeight: '600',
+  },
+});
--- a/src/hooks/api/animators.ts
+++ b/src/hooks/api/animators.ts
@@ -0,0 +1,5 @@
+import type { Animator } from '@/models';
+import { animatorsApi } from '@/api/entities/animators';
+import { createCrudHooks } from './createCrudHooks';
+
+export const animatorsHooks = createCrudHooks<Animator>('animators', animatorsApi);
--- a/src/hooks/api/comment_likes.ts
+++ b/src/hooks/api/comment_likes.ts
@@ -0,0 +1,5 @@
+import type { CommentLike } from '@/models';
+import { comment_likesApi } from '@/api/entities/comment_likes';
+import { createCrudHooks } from './createCrudHooks';
+
+export const comment_likesHooks = createCrudHooks<CommentLike>('comment_likes', comment_likesApi);
--- a/src/hooks/api/comments.ts
+++ b/src/hooks/api/comments.ts
@@ -0,0 +1,5 @@
+import type { Comment } from '@/models';
+import { commentsApi } from '@/api/entities/comments';
+import { createCrudHooks } from './createCrudHooks';
+
+export const commentsHooks = createCrudHooks<Comment>('comments', commentsApi);
--- a/src/hooks/api/createCrudHooks.ts
+++ b/src/hooks/api/createCrudHooks.ts
@@ -0,0 +1,102 @@
+import type { CrudApi } from '@/api/types';
+import {
+  useMutation,
+  useQuery,
+  useQueryClient,
+  type UseMutationOptions,
+  type UseQueryOptions,
+} from '@tanstack/react-query';
+
+type ResourceId = string;
+type ListKey = [string, 'list'];
+type DetailKey = [string, 'detail', ResourceId];
+
+export const createCrudHooks = <T>(resourceKey: string, api: CrudApi<T>) => {
+  const listKey: ListKey = [resourceKey, 'list'];
+
+  const useListQuery = (options?: Omit<UseQueryOptions<T[], Error, T[], ListKey>, 'queryKey' | 'queryFn'>) =>
+    useQuery({
+      queryKey: listKey,
+      queryFn: () => api.list(),
+      ...options,
+    });
+
+  const useDetailQuery = (
+    id: ResourceId,
+    options?: Omit<UseQueryOptions<T, Error, T, DetailKey>, 'queryKey' | 'queryFn'>,
+  ) =>
+    useQuery({
+      queryKey: [resourceKey, 'detail', id],
+      queryFn: () => api.get(id),
+      enabled: id !== undefined && id !== null && (options?.enabled ?? true),
+      ...options,
+    });
+
+  const useCreateMutation = (
+    options?: UseMutationOptions<T, Error, Partial<T>>,
+  ) => {
+    const queryClient = useQueryClient();
+    return useMutation({
+      mutationFn: (data) => api.create(data),
+      ...options,
+      onSuccess: (data, variables, onMutateResult, context) => {
+        queryClient.invalidateQueries({ queryKey: listKey });
+        options?.onSuccess?.(data, variables, onMutateResult, context);
+      },
+    });
+  };
+
+  const useUpdateMutation = (
+    options?: UseMutationOptions<T, Error, { id: ResourceId; data: Partial<T> }>,
+  ) => {
+    const queryClient = useQueryClient();
+    return useMutation({
+      mutationFn: ({ id, data }) => api.update(id, data),
+      ...options,
+      onSuccess: (data, variables, onMutateResult, context) => {
+        queryClient.invalidateQueries({ queryKey: listKey });
+        queryClient.invalidateQueries({ queryKey: [resourceKey, 'detail', variables.id] });
+        options?.onSuccess?.(data, variables, onMutateResult, context);
+      },
+    });
+  };
+
+  const usePatchMutation = (
+    options?: UseMutationOptions<T, Error, { id: ResourceId; data: Partial<T> }>,
+  ) => {
+    const queryClient = useQueryClient();
+    return useMutation({
+      mutationFn: ({ id, data }) => api.patch(id, data),
+      ...options,
+      onSuccess: (data, variables, onMutateResult, context) => {
+        queryClient.invalidateQueries({ queryKey: listKey });
+        queryClient.invalidateQueries({ queryKey: [resourceKey, 'detail', variables.id] });
+        options?.onSuccess?.(data, variables, onMutateResult, context);
+      },
+    });
+  };
+
+  const useDeleteMutation = (
+    options?: UseMutationOptions<void, Error, ResourceId>,
+  ) => {
+    const queryClient = useQueryClient();
+    return useMutation({
+      mutationFn: (id) => api.remove(id),
+      ...options,
+      onSuccess: (data, variables, onMutateResult, context) => {
+        queryClient.invalidateQueries({ queryKey: listKey });
+        queryClient.invalidateQueries({ queryKey: [resourceKey, 'detail', variables] });
+        options?.onSuccess?.(data, variables, onMutateResult, context);
+      },
+    });
+  };
+
+  return {
+    useListQuery,
+    useDetailQuery,
+    useCreateMutation,
+    useUpdateMutation,
+    usePatchMutation,
+    useDeleteMutation,
+  };
+};
--- a/src/hooks/api/event_external_links.ts
+++ b/src/hooks/api/event_external_links.ts
@@ -0,0 +1,5 @@
+import type { EventExternalLink } from '@/models';
+import { event_external_linksApi } from '@/api/entities/event_external_links';
+import { createCrudHooks } from './createCrudHooks';
+
+export const event_external_linksHooks = createCrudHooks<EventExternalLink>('event_external_links', event_external_linksApi);
--- a/src/hooks/api/event_hashtags.ts
+++ b/src/hooks/api/event_hashtags.ts
@@ -0,0 +1,5 @@
+import type { EventHashtag } from '@/models';
+import { event_hashtagsApi } from '@/api/entities/event_hashtags';
+import { createCrudHooks } from './createCrudHooks';
+
+export const event_hashtagsHooks = createCrudHooks<EventHashtag>('event_hashtags', event_hashtagsApi);
--- a/src/hooks/api/event_images.ts
+++ b/src/hooks/api/event_images.ts
@@ -0,0 +1,5 @@
+import type { EventImage } from '@/models';
+import { event_imagesApi } from '@/api/entities/event_images';
+import { createCrudHooks } from './createCrudHooks';
+
+export const event_imagesHooks = createCrudHooks<EventImage>('event_images', event_imagesApi);
--- a/src/hooks/api/event_lineup.ts
+++ b/src/hooks/api/event_lineup.ts
@@ -0,0 +1,5 @@
+import type { EventLineup } from '@/models';
+import { event_lineupApi } from '@/api/entities/event_lineup';
+import { createCrudHooks } from './createCrudHooks';
+
+export const event_lineupHooks = createCrudHooks<EventLineup>('event_lineup', event_lineupApi);
--- a/src/hooks/api/event_stats_snapshots.ts
+++ b/src/hooks/api/event_stats_snapshots.ts
@@ -0,0 +1,5 @@
+import type { EventStatsSnapshot } from '@/models';
+import { event_stats_snapshotsApi } from '@/api/entities/event_stats_snapshots';
+import { createCrudHooks } from './createCrudHooks';
+
+export const event_stats_snapshotsHooks = createCrudHooks<EventStatsSnapshot>('event_stats_snapshots', event_stats_snapshotsApi);
--- a/src/hooks/api/event_themes.ts
+++ b/src/hooks/api/event_themes.ts
@@ -0,0 +1,5 @@
+import type { EventTheme } from '@/models';
+import { event_themesApi } from '@/api/entities/event_themes';
+import { createCrudHooks } from './createCrudHooks';
+
+export const event_themesHooks = createCrudHooks<EventTheme>('event_themes', event_themesApi);
--- a/src/hooks/api/events.ts
+++ b/src/hooks/api/events.ts
@@ -0,0 +1,5 @@
+import type { Event } from '@/models';
+import { eventsApi } from '@/api/entities/events';
+import { createCrudHooks } from './createCrudHooks';
+
+export const eventsHooks = createCrudHooks<Event>('events', eventsApi);
--- a/src/hooks/api/hashtags.ts
+++ b/src/hooks/api/hashtags.ts
@@ -0,0 +1,5 @@
+import type { Hashtag } from '@/models';
+import { hashtagsApi } from '@/api/entities/hashtags';
+import { createCrudHooks } from './createCrudHooks';
+
+export const hashtagsHooks = createCrudHooks<Hashtag>('hashtags', hashtagsApi);
--- a/src/hooks/api/index.ts
+++ b/src/hooks/api/index.ts
@@ -0,0 +1,30 @@
+export * from './createCrudHooks';
+export * from './animators';
+export * from './comment_likes';
+export * from './comments';
+export * from './event_external_links';
+export * from './event_hashtags';
+export * from './event_images';
+export * from './event_lineup';
+export * from './event_stats_snapshots';
+export * from './event_themes';
+export * from './events';
+export * from './hashtags';
+export * from './organizer_members';
+export * from './organizer_subscriptions';
+export * from './organizers';
+export * from './plans';
+export * from './post_likes';
+export * from './post_media';
+export * from './posts';
+export * from './search_history';
+export * from './social_auth_providers';
+export * from './themes';
+export * from './tickets';
+export * from './user_animator_follows';
+export * from './user_event_interactions';
+export * from './user_event_shares';
+export * from './user_organizer_follows';
+export * from './user_theme_preferences';
+export * from './users';
+
--- a/src/hooks/api/organizer_members.ts
+++ b/src/hooks/api/organizer_members.ts
@@ -0,0 +1,5 @@
+import type { OrganizerMember } from '@/models';
+import { organizer_membersApi } from '@/api/entities/organizer_members';
+import { createCrudHooks } from './createCrudHooks';
+
+export const organizer_membersHooks = createCrudHooks<OrganizerMember>('organizer_members', organizer_membersApi);
--- a/src/hooks/api/organizer_subscriptions.ts
+++ b/src/hooks/api/organizer_subscriptions.ts
@@ -0,0 +1,5 @@
+import type { OrganizerSubscription } from '@/models';
+import { organizer_subscriptionsApi } from '@/api/entities/organizer_subscriptions';
+import { createCrudHooks } from './createCrudHooks';
+
+export const organizer_subscriptionsHooks = createCrudHooks<OrganizerSubscription>('organizer_subscriptions', organizer_subscriptionsApi);
--- a/src/hooks/api/organizers.ts
+++ b/src/hooks/api/organizers.ts
@@ -0,0 +1,5 @@
+import type { Organizer } from '@/models';
+import { organizersApi } from '@/api/entities/organizers';
+import { createCrudHooks } from './createCrudHooks';
+
+export const organizersHooks = createCrudHooks<Organizer>('organizers', organizersApi);
--- a/src/hooks/api/plans.ts
+++ b/src/hooks/api/plans.ts
@@ -0,0 +1,5 @@
+import type { Plan } from '@/models';
+import { plansApi } from '@/api/entities/plans';
+import { createCrudHooks } from './createCrudHooks';
+
+export const plansHooks = createCrudHooks<Plan>('plans', plansApi);
--- a/src/hooks/api/post_likes.ts
+++ b/src/hooks/api/post_likes.ts
@@ -0,0 +1,5 @@
+import type { PostLike } from '@/models';
+import { post_likesApi } from '@/api/entities/post_likes';
+import { createCrudHooks } from './createCrudHooks';
+
+export const post_likesHooks = createCrudHooks<PostLike>('post_likes', post_likesApi);
--- a/src/hooks/api/post_media.ts
+++ b/src/hooks/api/post_media.ts
@@ -0,0 +1,5 @@
+import type { PostMedia } from '@/models';
+import { post_mediaApi } from '@/api/entities/post_media';
+import { createCrudHooks } from './createCrudHooks';
+
+export const post_mediaHooks = createCrudHooks<PostMedia>('post_media', post_mediaApi);
--- a/src/hooks/api/posts.ts
+++ b/src/hooks/api/posts.ts
@@ -0,0 +1,5 @@
+import type { Post } from '@/models';
+import { postsApi } from '@/api/entities/posts';
+import { createCrudHooks } from './createCrudHooks';
+
+export const postsHooks = createCrudHooks<Post>('posts', postsApi);
--- a/src/hooks/api/search_history.ts
+++ b/src/hooks/api/search_history.ts
@@ -0,0 +1,5 @@
+import type { SearchHistory } from '@/models';
+import { search_historyApi } from '@/api/entities/search_history';
+import { createCrudHooks } from './createCrudHooks';
+
+export const search_historyHooks = createCrudHooks<SearchHistory>('search_history', search_historyApi);
--- a/src/hooks/api/social_auth_providers.ts
+++ b/src/hooks/api/social_auth_providers.ts
@@ -0,0 +1,5 @@
+import type { SocialAuthProvider } from '@/models';
+import { social_auth_providersApi } from '@/api/entities/social_auth_providers';
+import { createCrudHooks } from './createCrudHooks';
+
+export const social_auth_providersHooks = createCrudHooks<SocialAuthProvider>('social_auth_providers', social_auth_providersApi);
--- a/src/hooks/api/themes.ts
+++ b/src/hooks/api/themes.ts
@@ -0,0 +1,5 @@
+import type { Theme } from '@/models';
+import { themesApi } from '@/api/entities/themes';
+import { createCrudHooks } from './createCrudHooks';
+
+export const themesHooks = createCrudHooks<Theme>('themes', themesApi);
--- a/src/hooks/api/tickets.ts
+++ b/src/hooks/api/tickets.ts
@@ -0,0 +1,5 @@
+import type { Ticket } from '@/models';
+import { ticketsApi } from '@/api/entities/tickets';
+import { createCrudHooks } from './createCrudHooks';
+
+export const ticketsHooks = createCrudHooks<Ticket>('tickets', ticketsApi);
--- a/src/hooks/api/user_animator_follows.ts
+++ b/src/hooks/api/user_animator_follows.ts
@@ -0,0 +1,5 @@
+import type { UserAnimatorFollow } from '@/models';
+import { user_animator_followsApi } from '@/api/entities/user_animator_follows';
+import { createCrudHooks } from './createCrudHooks';
+
+export const user_animator_followsHooks = createCrudHooks<UserAnimatorFollow>('user_animator_follows', user_animator_followsApi);
--- a/src/hooks/api/user_event_interactions.ts
+++ b/src/hooks/api/user_event_interactions.ts
@@ -0,0 +1,5 @@
+import type { UserEventInteraction } from '@/models';
+import { user_event_interactionsApi } from '@/api/entities/user_event_interactions';
+import { createCrudHooks } from './createCrudHooks';
+
+export const user_event_interactionsHooks = createCrudHooks<UserEventInteraction>('user_event_interactions', user_event_interactionsApi);
--- a/src/hooks/api/user_event_shares.ts
+++ b/src/hooks/api/user_event_shares.ts
@@ -0,0 +1,5 @@
+import type { UserEventShare } from '@/models';
+import { user_event_sharesApi } from '@/api/entities/user_event_shares';
+import { createCrudHooks } from './createCrudHooks';
+
+export const user_event_sharesHooks = createCrudHooks<UserEventShare>('user_event_shares', user_event_sharesApi);
--- a/src/hooks/api/user_organizer_follows.ts
+++ b/src/hooks/api/user_organizer_follows.ts
@@ -0,0 +1,5 @@
+import type { UserOrganizerFollow } from '@/models';
+import { user_organizer_followsApi } from '@/api/entities/user_organizer_follows';
+import { createCrudHooks } from './createCrudHooks';
+
+export const user_organizer_followsHooks = createCrudHooks<UserOrganizerFollow>('user_organizer_follows', user_organizer_followsApi);
--- a/src/hooks/api/user_theme_preferences.ts
+++ b/src/hooks/api/user_theme_preferences.ts
@@ -0,0 +1,5 @@
+import type { UserThemePreference } from '@/models';
+import { user_theme_preferencesApi } from '@/api/entities/user_theme_preferences';
+import { createCrudHooks } from './createCrudHooks';
+
+export const user_theme_preferencesHooks = createCrudHooks<UserThemePreference>('user_theme_preferences', user_theme_preferencesApi);
--- a/src/hooks/api/users.ts
+++ b/src/hooks/api/users.ts
@@ -0,0 +1,5 @@
+import type { User } from '@/models';
+import { usersApi } from '@/api/entities/users';
+import { createCrudHooks } from './createCrudHooks';
+
+export const usersHooks = createCrudHooks<User>('users', usersApi);
--- a/src/hooks/queryClient.ts
+++ b/src/hooks/queryClient.ts
@@ -0,0 +1,15 @@
+import { QueryClient } from '@tanstack/react-query';
+
+export const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      staleTime: 30_000,
+      gcTime: 5 * 60_000,
+      refetchOnWindowFocus: false,
+      retry: 1,
+    },
+    mutations: {
+      retry: 0,
+    },
+  },
+});
--- a/src/mocks/bahla.ts
+++ b/src/mocks/bahla.ts
--- a/src/mocks/index.ts
+++ b/src/mocks/index.ts
@@ -0,0 +1,2 @@
+export * from './bahla';
+
--- a/src/models/_shared.ts
+++ b/src/models/_shared.ts
@@ -0,0 +1,17 @@
+import { z } from 'zod';
+
+export const uuidSchema = z.string().uuid();
+
+export const timestampSchema = z.coerce.date();
+
+export const sqlDateSchema = z
+  .string()
+  .regex(/^\d{4}-\d{2}-\d{2}$/, 'Expected date format YYYY-MM-DD');
+
+export const nullableText = z.string().trim().min(1).nullable();
+
+export const nullableUrl = z.string().url().nullable();
+
+export const nullableLatitude = z.number().min(-90).max(90).nullable();
+
+export const nullableLongitude = z.number().min(-180).max(180).nullable();
--- a/src/models/animators.ts
+++ b/src/models/animators.ts
@@ -0,0 +1,16 @@
+import { z } from 'zod';
+
+import { nullableUrl, timestampSchema, uuidSchema } from './_shared';
+
+export const animatorSchema = z.object({
+  id: uuidSchema,
+  name: z.string().trim().min(1).max(255),
+  profile_picture: nullableUrl,
+  genre: z.string().trim().min(1).max(100).nullable(),
+  city: z.string().trim().min(1).max(100).nullable(),
+  bio: z.string().trim().min(1).nullable(),
+  created_at: timestampSchema,
+  updated_at: timestampSchema,
+});
+
+export type Animator = z.infer<typeof animatorSchema>;
--- a/src/models/comment_likes.ts
+++ b/src/models/comment_likes.ts
@@ -0,0 +1,11 @@
+import { z } from 'zod';
+
+import { timestampSchema, uuidSchema } from './_shared';
+
+export const commentLikeSchema = z.object({
+  user_id: uuidSchema,
+  comment_id: uuidSchema,
+  created_at: timestampSchema,
+});
+
+export type CommentLike = z.infer<typeof commentLikeSchema>;
--- a/src/models/comments.ts
+++ b/src/models/comments.ts
@@ -0,0 +1,15 @@
+import { z } from 'zod';
+
+import { timestampSchema, uuidSchema } from './_shared';
+
+export const commentSchema = z.object({
+  id: uuidSchema,
+  post_id: uuidSchema,
+  user_id: uuidSchema,
+  parent_comment_id: uuidSchema.nullable(),
+  content: z.string().trim().min(1),
+  created_at: timestampSchema,
+  updated_at: timestampSchema,
+});
+
+export type Comment = z.infer<typeof commentSchema>;
--- a/src/models/event_external_links.ts
+++ b/src/models/event_external_links.ts
@@ -0,0 +1,13 @@
+import { z } from 'zod';
+
+import { uuidSchema } from './_shared';
+
+export const eventExternalLinkSchema = z.object({
+  id: uuidSchema,
+  event_id: uuidSchema,
+  url: z.string().trim().min(1),
+  label: z.string().trim().min(1).max(100).nullable(),
+  display_order: z.number().int().default(0),
+});
+
+export type EventExternalLink = z.infer<typeof eventExternalLinkSchema>;
--- a/src/models/event_hashtags.ts
+++ b/src/models/event_hashtags.ts
@@ -0,0 +1,10 @@
+import { z } from 'zod';
+
+import { uuidSchema } from './_shared';
+
+export const eventHashtagSchema = z.object({
+  event_id: uuidSchema,
+  hashtag_id: uuidSchema,
+});
+
+export type EventHashtag = z.infer<typeof eventHashtagSchema>;
--- a/src/models/event_images.ts
+++ b/src/models/event_images.ts
@@ -0,0 +1,14 @@
+import { z } from 'zod';
+
+import { timestampSchema, uuidSchema } from './_shared';
+
+export const eventImageSchema = z.object({
+  id: uuidSchema,
+  event_id: uuidSchema,
+  url: z.string().url(),
+  is_cover: z.boolean().default(false),
+  display_order: z.number().int().default(0),
+  created_at: timestampSchema,
+});
+
+export type EventImage = z.infer<typeof eventImageSchema>;
--- a/src/models/event_lineup.ts
+++ b/src/models/event_lineup.ts
@@ -0,0 +1,18 @@
+import { z } from 'zod';
+
+import { timestampSchema, uuidSchema } from './_shared';
+
+export const eventLineupRoleSchema = z.enum(['HEADLINER', 'OPENING', 'CLOSING']);
+
+export const eventLineupSchema = z.object({
+  id: uuidSchema,
+  event_id: uuidSchema,
+  animator_id: uuidSchema,
+  stage_name: z.string().trim().min(1).max(100).nullable(),
+  start_time: timestampSchema.nullable(),
+  end_time: timestampSchema.nullable(),
+  role: eventLineupRoleSchema.nullable(),
+  display_order: z.number().int().default(0),
+});
+
+export type EventLineup = z.infer<typeof eventLineupSchema>;
--- a/src/models/event_stats_snapshots.ts
+++ b/src/models/event_stats_snapshots.ts
@@ -0,0 +1,15 @@
+import { z } from 'zod';
+
+import { sqlDateSchema, uuidSchema } from './_shared';
+
+export const eventStatsSnapshotSchema = z.object({
+  id: uuidSchema,
+  event_id: uuidSchema,
+  snapshot_date: sqlDateSchema,
+  view_count: z.number().int().min(0).default(0),
+  participant_count: z.number().int().min(0).default(0),
+  interested_count: z.number().int().min(0).default(0),
+  share_count: z.number().int().min(0).default(0),
+});
+
+export type EventStatsSnapshot = z.infer<typeof eventStatsSnapshotSchema>;
--- a/src/models/event_themes.ts
+++ b/src/models/event_themes.ts
@@ -0,0 +1,10 @@
+import { z } from 'zod';
+
+import { uuidSchema } from './_shared';
+
+export const eventThemeSchema = z.object({
+  event_id: uuidSchema,
+  theme_id: uuidSchema,
+});
+
+export type EventTheme = z.infer<typeof eventThemeSchema>;
--- a/src/models/events.ts
+++ b/src/models/events.ts
@@ -0,0 +1,40 @@
+import { z } from 'zod';
+
+import {
+    nullableLatitude,
+    nullableLongitude,
+    nullableText,
+    timestampSchema,
+    uuidSchema,
+} from './_shared';
+
+export const eventStatusSchema = z.enum(['DRAFT', 'PUBLISHED', 'CANCELLED']);
+
+export const eventSchema = z.object({
+  id: uuidSchema,
+  organizer_id: uuidSchema,
+  name: z.string().trim().min(1).max(255),
+  description: z.string().trim().max(600).nullable(),
+  start_date: timestampSchema,
+  end_date: timestampSchema,
+  doors_open_time: timestampSchema.nullable(),
+  min_age: z.number().int().min(0).nullable(),
+  address: nullableText,
+  city: z.string().trim().min(1).max(100).nullable(),
+  latitude: nullableLatitude,
+  longitude: nullableLongitude,
+  price_presale: z.number().min(0).nullable(),
+  price_door: z.number().min(0).nullable(),
+  is_free: z.boolean().default(false),
+  presale_total: z.number().int().min(0).nullable(),
+  presale_sold: z.number().int().min(0).default(0),
+  ticketing_enabled: z.boolean().default(false),
+  ticketing_commission: z.number().min(0).max(100).nullable(),
+  status: eventStatusSchema,
+  featured_image_id: uuidSchema.nullable(),
+  published_at: timestampSchema.nullable(),
+  created_at: timestampSchema,
+  updated_at: timestampSchema,
+});
+
+export type Event = z.infer<typeof eventSchema>;
--- a/src/models/hashtags.ts
+++ b/src/models/hashtags.ts
@@ -0,0 +1,10 @@
+import { z } from 'zod';
+
+import { uuidSchema } from './_shared';
+
+export const hashtagSchema = z.object({
+  id: uuidSchema,
+  name: z.string().trim().min(1).max(100),
+});
+
+export type Hashtag = z.infer<typeof hashtagSchema>;
--- a/src/models/index.ts
+++ b/src/models/index.ts
@@ -0,0 +1,30 @@
+export * from './_shared';
+export * from './animators';
+export * from './comment_likes';
+export * from './comments';
+export * from './event_external_links';
+export * from './event_hashtags';
+export * from './event_images';
+export * from './event_lineup';
+export * from './event_stats_snapshots';
+export * from './event_themes';
+export * from './events';
+export * from './hashtags';
+export * from './organizer_members';
+export * from './organizer_subscriptions';
+export * from './organizers';
+export * from './plans';
+export * from './post_likes';
+export * from './post_media';
+export * from './posts';
+export * from './search_history';
+export * from './social_auth_providers';
+export * from './themes';
+export * from './tickets';
+export * from './user_animator_follows';
+export * from './user_event_interactions';
+export * from './user_event_shares';
+export * from './user_organizer_follows';
+export * from './user_theme_preferences';
+export * from './users';
+
--- a/src/models/organizer_members.ts
+++ b/src/models/organizer_members.ts
@@ -0,0 +1,20 @@
+import { z } from 'zod';
+
+import { timestampSchema, uuidSchema } from './_shared';
+
+export const organizerMemberRoleSchema = z.enum(['ADMIN', 'EDITOR']);
+
+export const organizerMemberStatusSchema = z.enum(['ACTIVE', 'PENDING']);
+
+export const organizerMemberSchema = z.object({
+  id: uuidSchema,
+  organizer_id: uuidSchema,
+  user_id: uuidSchema.nullable(),
+  email: z.string().trim().email().max(255),
+  role: organizerMemberRoleSchema,
+  status: organizerMemberStatusSchema,
+  invited_at: timestampSchema,
+  joined_at: timestampSchema.nullable(),
+});
+
+export type OrganizerMember = z.infer<typeof organizerMemberSchema>;
--- a/src/models/organizer_subscriptions.ts
+++ b/src/models/organizer_subscriptions.ts
@@ -0,0 +1,21 @@
+import { z } from 'zod';
+
+import { sqlDateSchema, timestampSchema, uuidSchema } from './_shared';
+
+export const organizerSubscriptionStatusSchema = z.enum([
+  'ACTIVE',
+  'CANCELLED',
+  'EXPIRED',
+]);
+
+export const organizerSubscriptionSchema = z.object({
+  id: uuidSchema,
+  organizer_id: uuidSchema,
+  plan_id: uuidSchema,
+  status: organizerSubscriptionStatusSchema,
+  started_at: timestampSchema,
+  renewal_date: sqlDateSchema.nullable(),
+  cancelled_at: timestampSchema.nullable(),
+});
+
+export type OrganizerSubscription = z.infer<typeof organizerSubscriptionSchema>;
--- a/src/models/organizers.ts
+++ b/src/models/organizers.ts
@@ -0,0 +1,23 @@
+import { z } from 'zod';
+
+import { nullableUrl, timestampSchema, uuidSchema } from './_shared';
+
+export const organizerSchema = z.object({
+  id: uuidSchema,
+  name: z.string().trim().min(1).max(255),
+  email: z.string().trim().email().max(255),
+  profile_picture: nullableUrl,
+  cover_picture: nullableUrl,
+  city: z.string().trim().min(1).max(100).nullable(),
+  is_verified: z.boolean().default(false),
+  verified_at: timestampSchema.nullable(),
+  verified_by: uuidSchema.nullable(),
+  instagram_handle: z.string().trim().min(1).max(100).nullable(),
+  tiktok_handle: z.string().trim().min(1).max(100).nullable(),
+  facebook_handle: z.string().trim().min(1).max(100).nullable(),
+  plan_id: uuidSchema.nullable(),
+  created_at: timestampSchema,
+  updated_at: timestampSchema,
+});
+
+export type Organizer = z.infer<typeof organizerSchema>;
--- a/src/models/plans.ts
+++ b/src/models/plans.ts
@@ -0,0 +1,16 @@
+import { z } from 'zod';
+
+import { uuidSchema } from './_shared';
+
+export const planNameSchema = z.enum(['FREE', 'PRO', 'TICKETING']);
+
+export const planSchema = z.object({
+  id: uuidSchema,
+  name: planNameSchema,
+  price_monthly: z.number().min(0),
+  max_active_events: z.number().int().min(0).nullable(),
+  ticketing_enabled: z.boolean().default(false),
+  ticketing_commission: z.number().min(0).max(100).nullable(),
+});
+
+export type Plan = z.infer<typeof planSchema>;
--- a/src/models/post_likes.ts
+++ b/src/models/post_likes.ts
@@ -0,0 +1,11 @@
+import { z } from 'zod';
+
+import { timestampSchema, uuidSchema } from './_shared';
+
+export const postLikeSchema = z.object({
+  user_id: uuidSchema,
+  post_id: uuidSchema,
+  created_at: timestampSchema,
+});
+
+export type PostLike = z.infer<typeof postLikeSchema>;
--- a/src/models/post_media.ts
+++ b/src/models/post_media.ts
@@ -0,0 +1,16 @@
+import { z } from 'zod';
+
+import { uuidSchema } from './_shared';
+
+export const postMediaTypeSchema = z.enum(['IMAGE', 'VIDEO']);
+
+export const postMediaSchema = z.object({
+  id: uuidSchema,
+  post_id: uuidSchema,
+  url: z.string().url(),
+  type: postMediaTypeSchema,
+  duration_seconds: z.number().int().min(0).nullable(),
+  display_order: z.number().int().default(0),
+});
+
+export type PostMedia = z.infer<typeof postMediaSchema>;
--- a/src/models/posts.ts
+++ b/src/models/posts.ts
@@ -0,0 +1,31 @@
+import { z } from 'zod';
+
+import { timestampSchema, uuidSchema } from './_shared';
+
+export const postTypeSchema = z.enum([
+  'TEXT',
+  'PHOTO',
+  'VIDEO',
+  'ANNOUNCEMENT',
+  'TEASER',
+]);
+
+export const postStatusSchema = z.enum(['DRAFT', 'SCHEDULED', 'PUBLISHED']);
+
+export const postSchema = z.object({
+  id: uuidSchema,
+  organizer_id: uuidSchema,
+  event_id: uuidSchema.nullable(),
+  content: z.string().trim().max(500).nullable(),
+  type: postTypeSchema,
+  status: postStatusSchema,
+  scheduled_at: timestampSchema.nullable(),
+  published_at: timestampSchema.nullable(),
+  rediffusion_instagram: z.boolean().default(false),
+  rediffusion_tiktok: z.boolean().default(false),
+  rediffusion_facebook: z.boolean().default(false),
+  created_at: timestampSchema,
+  updated_at: timestampSchema,
+});
+
+export type Post = z.infer<typeof postSchema>;
--- a/src/models/search_history.ts
+++ b/src/models/search_history.ts
@@ -0,0 +1,12 @@
+import { z } from 'zod';
+
+import { timestampSchema, uuidSchema } from './_shared';
+
+export const searchHistorySchema = z.object({
+  id: uuidSchema,
+  user_id: uuidSchema,
+  query: z.string().trim().min(1).max(255),
+  searched_at: timestampSchema,
+});
+
+export type SearchHistory = z.infer<typeof searchHistorySchema>;
--- a/src/models/social_auth_providers.ts
+++ b/src/models/social_auth_providers.ts
@@ -0,0 +1,13 @@
+import { z } from 'zod';
+
+import { timestampSchema, uuidSchema } from './_shared';
+
+export const socialAuthProviderSchema = z.object({
+  id: uuidSchema,
+  user_id: uuidSchema,
+  provider: z.enum(['google', 'apple']),
+  provider_user_id: z.string().trim().min(1).max(255),
+  created_at: timestampSchema,
+});
+
+export type SocialAuthProvider = z.infer<typeof socialAuthProviderSchema>;
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Yaël Perret	68d7ea3f9a	feat : Création de l'api, chargement des mockups	2026-09-01 18:48:41 +02:00
Yaël Perret	fde710b607	feat : Readme	2026-09-01 17:48:44 +02:00
Yaël Perret	bba2e8f51e	feat : Ajout de données d'exemples pour travailler sans API	2026-09-01 17:44:03 +02:00
Yaël Perret	d8aa9956d0	feat : Création de toutes les entités	2026-09-01 17:18:28 +02:00
Yaël Perret	d4246aa2c8	fix : Pas besoin de theming	2026-09-01 16:45:11 +02:00
Yaël Perret	6affbef244	fix : Retrait de React Navigation, pas utile pour le projet	2026-09-01 15:49:13 +02:00
Yaël Perret	4290351ca5	feat : ParticipationSegment	2026-09-01 15:22:42 +02:00
Yaël Perret	5a865d5635	feat : Badge et Chip	2026-09-01 14:43:51 +02:00
Yaël Perret	4c74a27f57	feat : Composant Bouton	2026-09-01 14:16:23 +02:00