🐛 fix: Update app naming conventions to use "ToDo" consistently across the application

Author: martinrebo

client/app.json

@@ -1,7 +1,7 @@
 {
   "expo": {
-    "name": "app",
-    "slug": "app",
+    "name": "✅ ToDoApp",
+    "slug": "todoapp",
     "version": "1.0.0",
     "orientation": "portrait",
     "icon": "./assets/images/icon.png",
@@ -46,4 +46,4 @@
       }
     }
   }
-}
+}

client/app/(auth)/_layout.tsx

@@ -14,7 +14,7 @@ export default function AuthLayout() {
       screenOptions={{
         header: () => (
           <NavigationHeader
-            title="Todo App"
+            title="✅ ToDoApp"
             subtitle="Authentication"
             showBack={true}
             showAuth={false}

client/app/(user)/_layout.tsx

@@ -27,14 +27,14 @@ export default function TabLayout() {
 
     if (routeString === 'newTodo') {
       return {
-        title: 'Add New Todo',
+        title: 'Add New ToDo',
         subtitle: 'Create a new task',
       };
     }
 
     if (segments.some(segment => String(segment) === 'todo')) {
       return {
-        title: 'Todo List',
+        title: 'ToDo List',
         subtitle: 'Manage your tasks',
       };
     }
@@ -91,11 +91,11 @@ export default function TabLayout() {
       <Tabs.Screen
         name="todo"
         options={{
-          title: 'Todo',
+          title: 'ToDo',
           headerShown: true,
           header: () => (
             <NavigationHeader
-              title="Todo List"
+              title="ToDo List"
               subtitle="Manage your tasks"
             />
           ),

client/app/(user)/todo/_layout.tsx

@@ -10,19 +10,19 @@ export default function TodoStack() {
       <Stack.Screen
         name="index"
         options={{
-          title: 'Todo List',
+          title: 'ToDo List',
         }}
       />
       <Stack.Screen
         name="newTodo"
         options={{
-          title: 'Add New Todo',
+          title: 'Add New ToDo',
         }}
       />
       <Stack.Screen
-        name="[id]"
+        name="editTodo"
         options={{
-          title: 'Edit Todo',
+          title: 'Edit ToDo',
         }}
       />
     </Stack>

client/app/(user)/todo/editTodo.tsx

@@ -25,7 +25,7 @@ export default function EditTodoTab() {
     return (
       <View flex={1} justifyContent="center" alignItems="center" padding="lg">
         <Text variant="bodyMedium" color="textPrimary">
-          Todo not found
+          ToDo not found
         </Text>
       </View>
     );
@@ -55,7 +55,7 @@ export default function EditTodoTab() {
         color="textPrimary"
         style={{ marginBottom: 24 }}
       >
-        Edit Todo
+        Edit ToDo
       </Text>
 
       <View style={{ gap: 20 }}>
@@ -96,7 +96,7 @@ export default function EditTodoTab() {
         />
 
         <Button
-          title="Delete Todo"
+          title="Delete ToDo"
           variant="secondary"
           size="large"
           fullWidth

client/app/(user)/todo/index.tsx

@@ -24,7 +24,7 @@ export default function TodoIndexTab() {
         color="textPrimary"
         style={{ marginBottom: 16 }}
       >
-        Todo List
+        ToDo List
       </Text>
 
       {isLoading && (
@@ -85,7 +85,7 @@ export default function TodoIndexTab() {
                   </View>
 
                   <View marginLeft="md">
-                    <Link href={`/todo/editTodo?id=${item.id}`} asChild>
+                    <Link href={`/(user)/todo/editTodo?id=${item.id}`} asChild>
                       <Text variant="labelMedium" color="interactive">
                         ✏️ Edit
                       </Text>

client/app/(user)/todo/newTodo.tsx

@@ -33,7 +33,7 @@ export default function NewTodoTab() {
         color="textPrimary"
         style={{ marginBottom: 24 }}
       >
-        Add New Todo
+        Add New ToDo
       </Text>
 
       <View style={{ gap: 20 }}>
@@ -64,7 +64,7 @@ export default function NewTodoTab() {
         </View>
 
         <Button
-          title="Add Todo"
+          title="Add ToDo"
           variant="primary"
           size="large"
           fullWidth

client/app/_layout.tsx

@@ -9,7 +9,7 @@ export default function RootLayout() {
         screenOptions={{
           header: () => (
             <NavigationHeader
-              title="Todo App"
+              title="✅ ToDoApp"
               showBack={false}
             />
           ),
@@ -21,7 +21,7 @@ export default function RootLayout() {
             title: 'Home',
             header: () => (
               <NavigationHeader
-                title="Todo App"
+                title="✅ ToDoApp"
                 subtitle="Welcome back!"
                 showBack={false}
               />

client/app/index.tsx

@@ -27,7 +27,7 @@ const Index = () => {
       <View flex={1} justifyContent="center">
         <View marginBottom="xl">
           <Text variant="headlineMedium" color="textPrimary" align="center">
-            ✅ Welcome to Your Tasks App ✅
+            ✅ ToDoApp ✅
           </Text>
           <Text
             variant="bodyLarge"