[{"_1":2,"_169":-5,"_170":-5},"loaderData",{"_3":4,"_91":92},"root",{"_5":6,"_34":35,"_64":65},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","ENV",{"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","4ff166458996ccfe3bfa8627489090938620785a","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","API_URL","https://api.val.town","clerkState",{"_66":67},"__internal_clerk_state",{"_68":69,"_70":45,"_71":72,"_73":72,"_74":20,"_75":72,"_76":72,"_77":72,"_78":72,"_79":80,"_89":20,"_90":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_81":20,"_19":20,"_82":72,"_83":84,"_85":72,"_86":45,"_87":20,"_88":72},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_93":94,"_95":96,"_97":98,"_99":100,"_149":150,"_166":167,"_168":-5},"handle","vawogbemi","name","notUberFolder","path","main.tsx","project",{"_101":102,"_95":96,"_103":104,"_105":-5,"_106":107,"_108":109,"_110":-5,"_111":-5,"_12":112,"_113":114,"_115":107,"_116":-5,"_117":118,"_14":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":129,"_132":133,"_135":136,"_148":20},"id","874d6c7e-26dc-11f0-a5b3-569c3dd06744","createdAt",["D",1746138905312],"deletedAt","legacyEnvVars",true,"privacy","public","description","imageUrl","2a463891-c041-4488-97d7-5c4873f793b2","pinnedFileId","8751ef92-26dc-11f0-a5b3-569c3dd06744","pinPreview","screenshotVersion","likeCount",1,"4bf34fc5-775b-4490-bd5b-9599385e237f","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_130":131},"profileImageUrl","https://images.clerk.dev/oauth_github/img_2TXrDk0iTsMgo2T7z93Wn4eqcgK.jpeg","org",{"_93":94,"_134":131},"avatar","branch",{"_137":138,"_95":43,"_101":139,"_140":102,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":96,"_147":94},"version",4,"874dc0ac-26dc-11f0-a5b3-569c3dd06744","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_101":151,"_95":98,"_152":114,"_153":-5,"_154":139,"_155":138,"_156":107,"_103":157,"_137":158,"_159":160,"_161":162,"_163":20,"_164":-5,"_97":165},"8762dbc2-26dc-11f0-a5b3-569c3dd06744","fileId","parentId","branchId","branchVersion","latest",["D",1732586640876],3,"fileType","http","content","/** @jsxImportSource https://esm.sh/react */\nimport React from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\n\nfunction App() {\n const vals = [\n { name: \"notUber\", url: \"https://www.val.town/embed/vawogbemi/notUber\" },\n { name: \"notUberAccount\", url: \"https://www.val.town/embed/vawogbemi/notUberAccount\" },\n { name: \"notUberConsts\", url: \"https://www.val.town/embed/vawogbemi/notUberConsts\" },\n { name: \"notUberHome\", url: \"https://www.val.town/embed/vawogbemi/notUberHome\" },\n { name: \"notUberMapComponent\", url: \"https://www.val.town/embed/vawogbemi/notUberMapComponent\" },\n { name: \"notUberNew\", url: \"https://www.val.town/embed/vawogbemi/notUberNew\" },\n { name: \"notUberRide\", url: \"https://www.val.town/embed/vawogbemi/notUberRide\" },\n { name: \"notUberRides\", url: \"https://www.val.town/embed/vawogbemi/notUberRides\" },\n ];\n\n return (\n

\n

\n

notUber -- Its kinda like Lyft

\n

I built this as part of a larger project, as well a demo.

\n

The stack consists of Clerk for Auth, InstantDB for my database, and the Google maps api for maps and routing etc.

\n

All the vals are located here.

\n

Getting Started

\n

Fork all the vals, the link is here.
Refactors the imports so they're importing from your vals and not this val.
Visit Clerk, InstantDB, Google maps api and create accounts and get ur api keys.
Enter your api Keys into your notUberConsts and notUberMapComponent vals.
Follow me on X. THIS IS THE MOST IMPORTANT STEP.

\n

Please questions or give feedback!

\n

\n

notUber Vals

\n {vals.map((val, index) => (\n

\n

{val.name}

\n