diff --git a/backend/backend.code-workspace b/backend/backend.code-workspace
new file mode 100644
index 0000000000000000000000000000000000000000..4952e97c5d7ed0214b123b29a349ff2594040cfe
--- /dev/null
+++ b/backend/backend.code-workspace
@@ -0,0 +1,9 @@
+{
+  "folders": [
+	{
+		"name": "backend",
+		"path": "."
+	}
+],
+  "settings": {}
+}
diff --git a/backend/src/database-seeder/database-seeder.service.ts b/backend/src/database-seeder/database-seeder.service.ts
index 2d6e0d961cb571da27ba97058b7c0c0abf525759..c1239d465811d435d631aca7e83e866488ee9120 100644
--- a/backend/src/database-seeder/database-seeder.service.ts
+++ b/backend/src/database-seeder/database-seeder.service.ts
@@ -49,8 +49,7 @@ export class DatabaseSeederService implements OnModuleInit {
       role: ADMIN_ROLE.ADMIN,
       status: UserStatus.ACTIVE,
     };
-    let tokenSuper = '',
-      tokenAdmin = '';
+    let tokenSuper = '';
     try {
       tokenSuper = await this.authAdminService.signUp({ ...createSuperAdmin });
     } catch (error) {
@@ -61,24 +60,11 @@ export class DatabaseSeederService implements OnModuleInit {
         })
       ).token;
     }
-    try {
-      tokenAdmin = await this.authAdminService.signUp({ ...createAdmin });
-    } catch (error) {
-      tokenAdmin = (
-        await this.authAdminService.signIn({
-          email: createAdmin.email,
-          password: createSuperAdmin.password,
-        })
-      ).token;
-    }
+
     console.log(
       `Super Admin created with email: ${createSuperAdmin.email}
       , password: ${createSuperAdmin.password}, and token: ${tokenSuper}`,
     );
-    console.log(
-      `Admin created with email: ${createAdmin.email}, 
-      password: ${createAdmin.password}, and token: ${tokenAdmin}`,
-    );
   }
 
   async insertTowns() {
diff --git a/backend/src/route/route.controller.ts b/backend/src/route/route.controller.ts
index d73c626685cf29fddc298defb68013c8d1d77f03..aedd78d98c1fbeae8f404ba9af12c5ae121b1237 100644
--- a/backend/src/route/route.controller.ts
+++ b/backend/src/route/route.controller.ts
@@ -32,14 +32,21 @@ export class RouteController {
     @Param('idTown') idTown: number,
     @Body() createRouteReq: CreateRouteReq,
   ) {
-    const { email } = req.user;
-    return await this.routeService.recommend(
-      idTown,
-      email,
-      lang as LANGUAGES,
-      createRouteReq.start,
-      createRouteReq.end,
-    );
+    try {
+      const { email } = req.user;
+      const res = await this.routeService.recommend(
+        idTown,
+        email,
+        lang as LANGUAGES,
+        createRouteReq.start,
+        createRouteReq.end,
+      );
+      console.log('HELOOO: ', res);
+      return res;
+    } catch (error) {
+      console.log(error);
+      return error;
+    }
   }
 
   @Get('')
diff --git a/backend/src/route/route.service.ts b/backend/src/route/route.service.ts
index 00de4a4383329d95a9db518222568b7860005a9a..3d1c2538cde0cc0e1b5e302daaafc54a189d88ef 100644
--- a/backend/src/route/route.service.ts
+++ b/backend/src/route/route.service.ts
@@ -96,7 +96,8 @@ export class RouteService {
   async getRouteAndPlacesByUser(email: string, routeStatus: RouteStatus) {
     const res = await this.routeRepository.find({
       relations: ['travelPlace'],
-      where: { user: { email }, status: routeStatus, endDate: MoreThan(new Date()) },
+      where: { user: { email }, status: routeStatus },
+      order: { endDate: 'DESC' },
     });
 
     return res;
@@ -138,6 +139,8 @@ export class RouteService {
       });
     }
 
+    console.log(res);
+
     return res;
   }
 
diff --git a/mobile/app/(tabs)/_layout.tsx b/mobile/app/(tabs)/_layout.tsx
index 191bf08582bb9de3b8724288b23e35a9f267950d..a5374f3725b3b5ebb1b07880bf840ca058ba4bbe 100644
--- a/mobile/app/(tabs)/_layout.tsx
+++ b/mobile/app/(tabs)/_layout.tsx
@@ -7,18 +7,22 @@ import { useTranslation } from "react-i18next";
 import { useSetUp } from "../../src/common/contexts/set_up_context";
 
 export default function Layout() {
-  const { user } = useAuth();
+  const { user, isVerified } = useAuth();
   const { isFirstTime } = useSetUp();
   const LANG = useTranslation();
-  console.log(user);
+
   if (!user) {
-    return <Redirect href={'/login'}/>;
+    return <Redirect href={"/login"} />;
+  }
+
+  if (!isVerified) {
+    return <Redirect href={"/verify"} />;
   }
 
   if (isFirstTime) {
-    return <Redirect href={'/profile/set_up'}/>;
+    return <Redirect href={"/profile/set_up"} />;
   }
-  
+
   return (
     <Tabs
       initialRouteName="index"
@@ -69,7 +73,7 @@ export default function Layout() {
             return <Ionicons name="person-outline" size={24} color={color} />;
           },
         }}
-        />
+      />
     </Tabs>
   );
 }
diff --git a/mobile/app/_layout.tsx b/mobile/app/_layout.tsx
index 126debba14d27f32722810a88d1c631a2a318160..5d190e5d771da581115df1eab37272f4fffc87d0 100644
--- a/mobile/app/_layout.tsx
+++ b/mobile/app/_layout.tsx
@@ -8,9 +8,12 @@ import {
 import { ActivityIndicator } from "react-native";
 import { GestureHandlerRootView } from "react-native-gesture-handler";
 import { AudioContextProvider } from "../src/common/contexts/audio_context";
-import { I18nextProvider } from "react-i18next";
+import { I18nextProvider, useTranslation } from "react-i18next";
 import i18n from "../src/lang/translations";
-import { SetUpContextProvider, useSetUp } from "../src/common/contexts/set_up_context";
+import {
+  SetUpContextProvider,
+  useSetUp,
+} from "../src/common/contexts/set_up_context";
 
 export default function Root() {
   return (
@@ -32,6 +35,7 @@ export default function Root() {
 
 const MainLayout = () => {
   const { isLoading } = useAuth();
+  const { t } = useTranslation();
 
   if (isLoading) {
     return <ActivityIndicator />;
@@ -76,7 +80,7 @@ const MainLayout = () => {
       <Stack.Screen
         name="scan"
         options={{
-          title: "Scan",
+          title: t("scanScreen.title"),
           statusBarColor: LIGHT_THEME.color.primary,
           headerStyle: {
             backgroundColor: LIGHT_THEME.color.primary,
@@ -117,6 +121,21 @@ const MainLayout = () => {
           statusBarColor: LIGHT_THEME.color.primary,
         }}
       />
+      <Stack.Screen
+        name="routes/generate_route_form"
+        options={{
+          title: t("generateRouteScreen.title"),
+          statusBarColor: LIGHT_THEME.color.primary,
+          headerStyle: {
+            backgroundColor: LIGHT_THEME.color.primary,
+          },
+          headerTitleStyle: {
+            color: LIGHT_THEME.color.white,
+          },
+          headerTitleAlign: "center",
+          headerTintColor: LIGHT_THEME.color.white,
+        }}
+      />
       <Stack.Screen
         name="auth/reset_password"
         options={{
diff --git a/mobile/app/routes/generate_route.tsx b/mobile/app/routes/generate_route.tsx
index 468a48eb51ed6eebc88159ac12f7add9c16eca94..d3ecde58b8d84616a606f4281ce67b55c7fe474a 100644
--- a/mobile/app/routes/generate_route.tsx
+++ b/mobile/app/routes/generate_route.tsx
@@ -3,9 +3,9 @@ import { Text } from "react-native";
 import { RoutePreviewPage } from "../../src/route/screens/route_preview";
 
 export default function GenerateRoute() {
-    const { townId } = useLocalSearchParams<{ townId: string }>();
-    if (!townId) {
-        return <Text>Invalid town id</Text>;
-    }
-    return <RoutePreviewPage townId={parseInt(townId)} />;
-}
\ No newline at end of file
+  const { routeId } = useLocalSearchParams<{ routeId: string }>();
+  if (!routeId) {
+    return <Text>Invalid town id</Text>;
+  }
+  return <RoutePreviewPage townId={parseInt(routeId)} />;
+}
diff --git a/mobile/app/state/[stateId]/town/_layout.tsx b/mobile/app/state/[stateId]/town/_layout.tsx
index 856496f472365281afa1765076a077b1a3144376..891a48c487513dded04edf3ba0875ec419c4dd16 100644
--- a/mobile/app/state/[stateId]/town/_layout.tsx
+++ b/mobile/app/state/[stateId]/town/_layout.tsx
@@ -1,23 +1,31 @@
 import { Stack } from "expo-router";
 import { LIGHT_THEME } from "../../../../src/common/const/theme";
+import { useTranslation } from "react-i18next";
 
 export default function Layout() {
-    return (
-        <Stack>
-            <Stack.Screen name="[townId]/index" options={{
-                title: "Select an activity",
-                headerStyle: {
-                    backgroundColor: LIGHT_THEME.color.primary,
-                },
-                headerTitleStyle: {
-                    color: LIGHT_THEME.color.white,
-                },
-                headerTitleAlign: "center",
-                headerTintColor: LIGHT_THEME.color.white,
-            }}/>
-            <Stack.Screen name="[townId]/activity" options={{
-                headerShown: false
-            }}/>
-        </Stack>
-    );
-}
\ No newline at end of file
+  const { t } = useTranslation();
+  return (
+    <Stack>
+      <Stack.Screen
+        name="[townId]/index"
+        options={{
+          title: t("selectTownActivityScreen.title"),
+          headerStyle: {
+            backgroundColor: LIGHT_THEME.color.primary,
+          },
+          headerTitleStyle: {
+            color: LIGHT_THEME.color.white,
+          },
+          headerTitleAlign: "center",
+          headerTintColor: LIGHT_THEME.color.white,
+        }}
+      />
+      <Stack.Screen
+        name="[townId]/activity"
+        options={{
+          headerShown: false,
+        }}
+      />
+    </Stack>
+  );
+}
diff --git a/mobile/app/state/_layout.tsx b/mobile/app/state/_layout.tsx
index 39f450c3f460b9624647fc1696eb4b07868ed47e..d37e1dbdef1b1860b7e86b83eb8be39334628cf5 100644
--- a/mobile/app/state/_layout.tsx
+++ b/mobile/app/state/_layout.tsx
@@ -1,13 +1,15 @@
 import { Stack } from "expo-router";
 import { LIGHT_THEME } from "../../src/common/const/theme";
+import { useTranslation } from "react-i18next";
 
 export default function Layout() {
+  const { t } = useTranslation();
   return (
     <Stack>
       <Stack.Screen
         name="[stateId]/index"
         options={{
-          title: "Select a town",
+          title: t("selectTownScreen.title"),
           headerStyle: {
             backgroundColor: LIGHT_THEME.color.primary,
           },
diff --git a/mobile/app/verify.tsx b/mobile/app/verify.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..1f0cd86dc28f1e82c70cdb35b26cb3b3bcec5777
--- /dev/null
+++ b/mobile/app/verify.tsx
@@ -0,0 +1,5 @@
+import { VerifyScreen } from "../src/auth/pages/verify_page";
+
+export default function Verify() {
+  return <VerifyScreen />;
+}
diff --git a/mobile/assets/guide.gif b/mobile/assets/guide.gif
new file mode 100644
index 0000000000000000000000000000000000000000..718bc4049c6abff8c00d17721893aeb5f97d4886
Binary files /dev/null and b/mobile/assets/guide.gif differ
diff --git a/mobile/src/activity/components/activity_bottom_sheet.tsx b/mobile/src/activity/components/activity_bottom_sheet.tsx
index 827408e9db46032d0d61f9ea4dcfbdc7c3aa3351..17054a27843cbc5911c0cb279c829cbaf6437810 100644
--- a/mobile/src/activity/components/activity_bottom_sheet.tsx
+++ b/mobile/src/activity/components/activity_bottom_sheet.tsx
@@ -14,6 +14,7 @@ import {
 import { LIGHT_THEME } from "../../common/const/theme";
 import { router } from "expo-router";
 import { ActivityInfoEntity } from "../domain/entities/activity_info_entity";
+import { useTranslation } from "react-i18next";
 
 interface ActivityBottomSheetProps {
   startSnapPoint: number;
@@ -30,6 +31,7 @@ export const ActivityBottomSheet = ({
 }: ActivityBottomSheetProps) => {
   const sheetRef = useRef<BottomSheet>(null);
   const [isDescriptionExpanded, setIsDescriptionExpanded] = useState(false);
+  const { t } = useTranslation();
 
   return (
     <BottomSheet
@@ -51,7 +53,9 @@ export const ActivityBottomSheet = ({
             }}
             style={styles.do_activity_button}
           >
-            <Text style={styles.do_activity_text}>Do Activity</Text>
+            <Text style={styles.do_activity_text}>
+              {t("activityInfoScreen.doActivityButton")}
+            </Text>
           </TouchableOpacity>
         </View>
         {activity.tags && (
@@ -78,7 +82,9 @@ export const ActivityBottomSheet = ({
           />
         )}
         <View style={styles.description_container}>
-          <Text style={styles.description_text}>Description</Text>
+          <Text style={styles.description_text}>
+            {t("activityInfoScreen.descriptionText")}
+          </Text>
           <Text numberOfLines={!isDescriptionExpanded ? 5 : undefined}>
             {activity.description}
           </Text>
@@ -86,7 +92,9 @@ export const ActivityBottomSheet = ({
             onPress={() => setIsDescriptionExpanded(!isDescriptionExpanded)}
           >
             <Text style={styles.show_more_text}>
-              {isDescriptionExpanded ? "Show less" : "Show more..."}
+              {isDescriptionExpanded
+                ? t("activityInfoScreen.showLessButton")
+                : t("activityInfoScreen.showMoreButton")}
             </Text>
           </TouchableOpacity>
         </View>
@@ -103,6 +111,7 @@ const styles = StyleSheet.create({
     padding: 20,
   },
   activity_name_container: {
+    width: "100%",
     flexDirection: "row",
     justifyContent: "space-between",
   },
@@ -117,6 +126,7 @@ const styles = StyleSheet.create({
     backgroundColor: LIGHT_THEME.color.primary,
     padding: 10,
     borderRadius: 20,
+    marginLeft: -40,
     justifyContent: "center",
     alignItems: "center",
     paddingHorizontal: 20,
diff --git a/mobile/src/activity/domain/entities/activity_place_entity.ts b/mobile/src/activity/domain/entities/activity_place_entity.ts
index e23bfddc0c1c5ef69394600056386b18d1f06ce8..98560ec2a0748ae6af1cd0948e6703baabde52c4 100644
--- a/mobile/src/activity/domain/entities/activity_place_entity.ts
+++ b/mobile/src/activity/domain/entities/activity_place_entity.ts
@@ -1,19 +1,19 @@
 export interface ActivityPlaceEntity {
-    idPlaceActivity: number;
-    name: string;
-    number: number;
-    idPlace: number;
-    imageUrl: string;
-    directions?: DirectionEntity;
-    content: ContentEntity
+  idPlaceActivity: number;
+  name: string;
+  number: number;
+  idPlace: number;
+  imageUrl: string;
+  directions?: DirectionEntity;
+  content: ContentEntity;
 }
 
 interface DirectionEntity {
-    content: string;
-    speakUrl: string;
+  content: string;
+  speakUrl: string;
 }
 
 interface ContentEntity {
-    content: string;
-    speakUrl: string;
-}
\ No newline at end of file
+  content: string;
+  speakUrl: string;
+}
diff --git a/mobile/src/activity/hooks/useRankActivity.ts b/mobile/src/activity/hooks/useRankActivity.ts
index 22166e35446f5c7b12df97451f1df4bac3c0ef17..9baf6d805b3de8ec24b0d9e9b6e9613c82069b86 100644
--- a/mobile/src/activity/hooks/useRankActivity.ts
+++ b/mobile/src/activity/hooks/useRankActivity.ts
@@ -4,40 +4,41 @@ import { ApiRequestStatus } from "../../common/const/api_request_states";
 import { router } from "expo-router";
 
 export const useRankActivity = (activityId: number) => {
-	const { activityRepository } = useDataContext();
-	const [requestStatus, setRequestStatus] = useState<ApiRequestStatus>(
-		ApiRequestStatus.IDLE
-	);
-	const [ratingModal, setRatingModal] = useState<boolean>(false);
+  const { activityRepository } = useDataContext();
+  const [requestStatus, setRequestStatus] = useState<ApiRequestStatus>(
+    ApiRequestStatus.IDLE
+  );
+  const [ratingModal, setRatingModal] = useState<boolean>(false);
 
-	const setLoading = async () => {
-		setRequestStatus(ApiRequestStatus.LOADING);
-	};
+  const setLoading = async () => {
+    setRequestStatus(ApiRequestStatus.LOADING);
+  };
 
-	const rankActivity = async (rank: number) => {
-		try {
-			await setLoading();
-			await activityRepository!.rankActivity(activityId, rank);
-			setRequestStatus(ApiRequestStatus.SUCCESS);
-			closeRatingModal();
-		} catch (error) {
-			setRequestStatus(ApiRequestStatus.ERROR);
-		}
-	};
+  const rankActivity = async (rank: number) => {
+    try {
+      await setLoading();
+      await activityRepository!.rankActivity(activityId, rank);
+      setRequestStatus(ApiRequestStatus.SUCCESS);
+      closeRatingModal();
+      router.back();
+    } catch (error) {
+      setRequestStatus(ApiRequestStatus.ERROR);
+    }
+  };
 
-	const closeRatingModal = () => {
-		setRatingModal(false);
-	};
+  const closeRatingModal = () => {
+    setRatingModal(false);
+  };
 
-	const openRatingModal = () => {
-		setRatingModal(true);
-	};
+  const openRatingModal = () => {
+    setRatingModal(true);
+  };
 
-	return {
-		rankActivity,
-		requestStatus,
-		ratingModal,
-		closeRatingModal,
-		openRatingModal,
-	};
+  return {
+    rankActivity,
+    requestStatus,
+    ratingModal,
+    closeRatingModal,
+    openRatingModal,
+  };
 };
diff --git a/mobile/src/activity/infrastructure/datasources/prod/activity_datasource.ts b/mobile/src/activity/infrastructure/datasources/prod/activity_datasource.ts
index f6fedd3bd2cf6339100b992ce76e805372891b87..2d2fb3d871d553a7045da9609557960195bc2c35 100644
--- a/mobile/src/activity/infrastructure/datasources/prod/activity_datasource.ts
+++ b/mobile/src/activity/infrastructure/datasources/prod/activity_datasource.ts
@@ -7,21 +7,30 @@ import { API_URL } from "../../../../common/const/api";
 import { ActivityPlaceEntity } from "../../../domain/entities/activity_place_entity";
 
 export class ActivityDatasourceProd implements ActivityDataSource {
-    constructor(private lang: string = Languages.SPANISH) {}
-    async rankActivity(activityId: number, rank: number): Promise<void> {
-        const {status} = await axios.post(`${API_URL}/visited`, {
-            idPlace: activityId,
-            rating: rank
-        });
-        if (status !== 201) {
-            throw new Error("Error al calificar la actividad");
-        }
+  constructor(private lang: string = Languages.SPANISH) {}
+  async rankActivity(activityId: number, rank: number): Promise<void> {
+    const { status } = await axios.post(`${API_URL}/visited`, {
+      idPlace: activityId,
+      rating: rank,
+    });
+    console.info("rankActivity", status);
+    if (status !== 201) {
+      throw new Error("Error al calificar la actividad");
     }
-    async getPlaceActivity(activityId: number, townId: number, stateId: number, placeNumber: number): Promise<ActivityPlaceEntity> {
-        const { data, status } = await axios.get<ActivityPlaceModel>(`${API_URL}/point/${placeNumber}?lang=${this.lang}`);
-        if (status !== 200) {
-            throw new Error("Error al obtener la información del lugar");
-        }
-        return activityPlaceModelToEntity(data);
+  }
+  async getPlaceActivity(
+    activityId: number,
+    townId: number,
+    stateId: number,
+    placeNumber: number
+  ): Promise<ActivityPlaceEntity> {
+    const { data, status } = await axios.get<ActivityPlaceModel>(
+      `${API_URL}/point/${placeNumber}?lang=${this.lang}`
+    );
+    if (status !== 200) {
+      throw new Error("Error al obtener la información del lugar");
     }
-}
\ No newline at end of file
+    console.log(data);
+    return activityPlaceModelToEntity(data);
+  }
+}
diff --git a/mobile/src/activity/infrastructure/models/activity_place_model.ts b/mobile/src/activity/infrastructure/models/activity_place_model.ts
index d69d3f4e1f59cd1577d4095817e84877cc0c37c5..ce21453e572b522b32cb81bda4f3815ecdbbc2a0 100644
--- a/mobile/src/activity/infrastructure/models/activity_place_model.ts
+++ b/mobile/src/activity/infrastructure/models/activity_place_model.ts
@@ -4,5 +4,5 @@ export interface ActivityPlaceModel {
   name: string;
   imageName: string;
   content: string;
-  directions: string;
+  directions?: string;
 }
diff --git a/mobile/src/activity/infrastructure/utils/activity_utils.ts b/mobile/src/activity/infrastructure/utils/activity_utils.ts
index b16a10929a13385ce933be30a8bb4d8933667916..13a9e3e538d190f13c26debbeb5d2f31d84f4f21 100644
--- a/mobile/src/activity/infrastructure/utils/activity_utils.ts
+++ b/mobile/src/activity/infrastructure/utils/activity_utils.ts
@@ -1,20 +1,24 @@
 import { ActivityPlaceEntity } from "../../domain/entities/activity_place_entity";
 import { ActivityPlaceModel } from "../models/activity_place_model";
 
-export const activityPlaceModelToEntity = (activity: ActivityPlaceModel): ActivityPlaceEntity => {
-    return {
-        idPlaceActivity: activity.idPoint,
-        name: activity.name,
-        number: activity.idPlace,
-        idPlace: activity.idPlace,
-        imageUrl: activity.imageName,
-        directions: {
-            content: activity.directions,
-            speakUrl: ""
-        },
-        content: {
-            content: activity.content,
-            speakUrl: ""
+export const activityPlaceModelToEntity = (
+  activity: ActivityPlaceModel
+): ActivityPlaceEntity => {
+  return {
+    idPlaceActivity: activity.idPoint,
+    name: activity.name,
+    number: activity.idPlace,
+    idPlace: activity.idPlace,
+    imageUrl: activity.imageName,
+    directions: activity.directions
+      ? {
+          content: activity.directions,
+          speakUrl: "",
         }
-    }
-};
\ No newline at end of file
+      : undefined,
+    content: {
+      content: activity.content,
+      speakUrl: "",
+    },
+  };
+};
diff --git a/mobile/src/activity/screens/activity_description_page.tsx b/mobile/src/activity/screens/activity_description_page.tsx
index d7e79aa87463021673a5f0ab57bf685c2cf2180d..ab6d642cb614dba7085cb117d019833e7335c1d4 100644
--- a/mobile/src/activity/screens/activity_description_page.tsx
+++ b/mobile/src/activity/screens/activity_description_page.tsx
@@ -68,7 +68,6 @@ export const ActivityDescriptionPage = ({
     }).start();
   };
 
-  //TODO: Check if description is available
   if (!activityInfo.description) {
     activityInfo.description = "No description available";
   }
diff --git a/mobile/src/activity/screens/activity_point.tsx b/mobile/src/activity/screens/activity_point.tsx
index eaa617fc251fe085a5812281bfd03c5614d4bd39..415f5fc0fc3c248b198e2c24bc8bfb56a1d3a49a 100644
--- a/mobile/src/activity/screens/activity_point.tsx
+++ b/mobile/src/activity/screens/activity_point.tsx
@@ -13,6 +13,8 @@ import { FullPageRating } from "../../common/components/rating_page/full_page_ra
 import { useRankActivity } from "../hooks/useRankActivity";
 import { useGetActivityPoint } from "../hooks/useGetActivityPoint";
 
+const touristGuide = require("../../../assets/guide.gif");
+
 interface ActivityPointScreenProps {
   stateId: number;
   townId: number;
@@ -30,9 +32,11 @@ export const ActivityPointScreen = memo(
     });
 
     const { onUnmount } = useAudio();
-    const { openRatingModal, closeRatingModal, ratingModal, rankActivity } = useRankActivity(activityId);
+    const { openRatingModal, closeRatingModal, ratingModal, rankActivity } =
+      useRankActivity(activityId);
 
     useEffect(() => {
+      onUnmount();
       const backAction = () => {
         onUnmount();
         router.back();
@@ -47,6 +51,10 @@ export const ActivityPointScreen = memo(
       return () => backHandler.remove();
     }, []);
 
+    const doNextActivity = () => {
+      router.replace("/scan");
+    };
+
     if (requestStatus === ApiRequestStatus.LOADING) {
       return <FullPageLoader />;
     }
@@ -65,6 +73,11 @@ export const ActivityPointScreen = memo(
               style={styles.image}
               resizeMode="contain"
             />
+            <Image
+              source={touristGuide}
+              style={styles.touristGuide}
+              resizeMode="contain"
+            />
           </View>
           <ScrollView
             contentContainerStyle={{
@@ -80,17 +93,36 @@ export const ActivityPointScreen = memo(
                 <Text style={styles.contentText}>
                   {data.directions.content}
                 </Text>
+                <View style={{ height: 30 }} />
+                <TouchableOpacity style={styles.endActivityButton}>
+                  <Text
+                    style={styles.endActivityButtonText}
+                    onPress={doNextActivity}
+                  >
+                    Next Activity
+                  </Text>
+                </TouchableOpacity>
               </>
             )}
             {!data.directions && (
               <TouchableOpacity style={styles.endActivityButton}>
-                <Text style={styles.endActivityButtonText} onPress={openRatingModal}>End Activity</Text>
+                <Text
+                  style={styles.endActivityButtonText}
+                  onPress={openRatingModal}
+                >
+                  End Activity
+                </Text>
               </TouchableOpacity>
             )}
           </ScrollView>
         </View>
         <AudioPlayer pointId={data.idPlaceActivity} />
-        {!data.directions && ratingModal && <FullPageRating onClose={closeRatingModal} onSubmitted={rankActivity}/>}
+        {!data.directions && ratingModal && (
+          <FullPageRating
+            onClose={closeRatingModal}
+            onSubmitted={rankActivity}
+          />
+        )}
       </View>
     );
   }
@@ -121,15 +153,23 @@ const styles = StyleSheet.create({
   imageContainer: {
     width: "100%",
     height: 300,
-    backgroundColor: "lightgrey",
+    backgroundColor: "white",
     padding: 10,
     borderRadius: 10,
     overflow: "hidden",
     borderWidth: 2,
   },
   image: {
-    height: "70%",
-    width: "70%",
+    height: "60%",
+    width: "60%",
+    zIndex: 1,
+  },
+  touristGuide: {
+    height: "60%",
+    width: "60%",
+    position: "absolute",
+    bottom: 10,
+    right: 10,
   },
   endActivityButton: {
     backgroundColor: LIGHT_THEME.color.primary,
diff --git a/mobile/src/auth/components/code_form.tsx b/mobile/src/auth/components/code_form.tsx
index 6f6b1e78645f676c80ac4e88ee4f3771b1e38394..36eb702e59ff6e65bd4b1a445860720607434ca0 100644
--- a/mobile/src/auth/components/code_form.tsx
+++ b/mobile/src/auth/components/code_form.tsx
@@ -3,29 +3,31 @@ import { MultipleDigitsCode } from "./multiple_digits_code";
 import { Control, UseFormSetValue } from "react-hook-form";
 import { ResetPasswordFormValues } from "../hooks/useResetPassword";
 
-
 interface CodeFormProps {
-    setValue: UseFormSetValue<ResetPasswordFormValues>;
+  setValue: UseFormSetValue<any>;
+  getNewResetCode?: () => void;
 }
 
-export const CodeForm = ({ setValue }: CodeFormProps) => {
-    const onTextChange = (value: string) => {
-        console.log("CodeForm onTextChange", value);
-        setValue("code", value);
-    };
+export const CodeForm = ({ setValue, getNewResetCode }: CodeFormProps) => {
+  const onTextChange = (value: string) => {
+    setValue("code", value);
+  };
 
-    return (
-        <View style={styles.container}>
-            <Text>Introduce el código de verificación</Text>
-            <MultipleDigitsCode length={6} onTextChange={onTextChange} />
-        </View>
-    );
+  return (
+    <View style={styles.container}>
+      <Text>Introduce el código de verificación</Text>
+      <MultipleDigitsCode length={6} onTextChange={onTextChange} />
+      {getNewResetCode && (
+        <Text onPress={getNewResetCode}>Obtener nuevo código</Text>
+      )}
+    </View>
+  );
 };
 
 const styles = StyleSheet.create({
-    container: {
-        flex: 1, 
-        width: "100%",
-        gap: 20,
-    },
-});
\ No newline at end of file
+  container: {
+    flex: 1,
+    width: "100%",
+    gap: 20,
+  },
+});
diff --git a/mobile/src/auth/components/login_form.tsx b/mobile/src/auth/components/login_form.tsx
index b6910399baa962e2823ebe9ab23b68cc87c27939..c96d403d12bda2272c300bfda6880726dd4f99f6 100644
--- a/mobile/src/auth/components/login_form.tsx
+++ b/mobile/src/auth/components/login_form.tsx
@@ -1,129 +1,143 @@
 import { Control, Controller, FieldValues } from "react-hook-form";
-import { Button, ScrollView, StyleSheet, Text, TouchableOpacity, View } from "react-native";
+import {
+  Button,
+  ScrollView,
+  StyleSheet,
+  Text,
+  TouchableOpacity,
+  View,
+} from "react-native";
 import { CustomTextInput } from "../../common/components/form/text_input";
 import { LIGHT_THEME } from "../../common/const/theme";
 import { LoginFormValues } from "../hooks/useLoggin";
 import { OrDivision } from "../../common/components/form/or_division";
-import { AntDesign } from '@expo/vector-icons';
+import { AntDesign } from "@expo/vector-icons";
 import { Link, router } from "expo-router";
 import { useTranslation } from "react-i18next";
 import { LanguageIcon } from "../../lang/components/language_icon";
 
 interface LoginFormProps {
-    control: Control<LoginFormValues, any>;
-    onSubmit: () => void;
+  control: Control<LoginFormValues, any>;
+  onSubmit: () => void;
 }
 
 export const LoginForm = ({ control, onSubmit }: LoginFormProps) => {
   const LANG = useTranslation();
-  console.log("Lang"+LANG);
-    return (
-        <ScrollView contentContainerStyle={styles.loginScroll}>
-          <LanguageIcon/>
-          <Text style={styles.title}>{LANG.t('loginScreen.title')}</Text>
-          <View style={{ height: 40 }} />
-          <Controller
-            name="email"
-            control={control}
-            defaultValue=""
-            render={({
-              field: { onChange, onBlur, value },
-              formState: { errors },
-            }) => (
-              <CustomTextInput
-                label={LANG.t('forms.email')}
-                value={value}
-                onBlur={onBlur}
-                errors={errors.email?.message as string}
-                textInputProps={{
-                  autoComplete: "email",
-                  autoCapitalize: "none",
-                  onChangeText: onChange,
-                }}
-              />
-            )}
-            rules={{
-              required: "Email is required",
-              pattern: { value: /\S+@\S+\.\S+/, message: "Invalid email" },
+  return (
+    <ScrollView contentContainerStyle={styles.loginScroll}>
+      <LanguageIcon />
+      <Text style={styles.title}>{LANG.t("loginScreen.title")}</Text>
+      <View style={{ height: 40 }} />
+      <Controller
+        name="email"
+        control={control}
+        defaultValue=""
+        render={({
+          field: { onChange, onBlur, value },
+          formState: { errors },
+        }) => (
+          <CustomTextInput
+            label={LANG.t("forms.email")}
+            value={value}
+            onBlur={onBlur}
+            errors={errors.email?.message as string}
+            textInputProps={{
+              autoComplete: "email",
+              autoCapitalize: "none",
+              onChangeText: onChange,
             }}
           />
-          <Controller
-            name="password"
-            control={control}
-            defaultValue=""
-            render={({
-              field: { onChange, onBlur, value },
-              formState: { errors },
-            }) => (
-              <CustomTextInput
-                label={LANG.t('forms.password')}
-                isPassword
-                value={value}
-                onBlur={onBlur}
-                errors={errors.password?.message as string}
-                textInputProps={{
-                  autoComplete: "password",
-                  secureTextEntry: true,
-                  onChangeText: onChange,
-                }}
-              />
-            )}
-            rules={{ required: "Password is required" }}
+        )}
+        rules={{
+          required: "Email is required",
+          pattern: { value: /\S+@\S+\.\S+/, message: "Invalid email" },
+        }}
+      />
+      <Controller
+        name="password"
+        control={control}
+        defaultValue=""
+        render={({
+          field: { onChange, onBlur, value },
+          formState: { errors },
+        }) => (
+          <CustomTextInput
+            label={LANG.t("forms.password")}
+            isPassword
+            value={value}
+            onBlur={onBlur}
+            errors={errors.password?.message as string}
+            textInputProps={{
+              autoComplete: "password",
+              secureTextEntry: true,
+              onChangeText: onChange,
+            }}
           />
-          <Link href={'/auth/reset_password'} replace style={{width: '100%', textAlign: 'right'}}>
-            <Text style={{textDecorationLine:'underline'}}>
-              Recuperar contraseña
-            </Text>
-          </Link>
-          <View style={{ height: "3%" }} />
-          <TouchableOpacity onPress={onSubmit} style={styles.submitBtn}>
-            <Text style={styles.submitBtnText}>{LANG.t('loginScreen.loginButton')}</Text>
-          </TouchableOpacity>
+        )}
+        rules={{ required: "Password is required" }}
+      />
+      <Link
+        href={"/auth/reset_password"}
+        replace
+        style={{ width: "100%", textAlign: "right" }}
+      >
+        <Text style={{ textDecorationLine: "underline" }}>
+          Recuperar contraseña
+        </Text>
+      </Link>
+      <View style={{ height: "3%" }} />
+      <TouchableOpacity onPress={onSubmit} style={styles.submitBtn}>
+        <Text style={styles.submitBtnText}>
+          {LANG.t("loginScreen.loginButton")}
+        </Text>
+      </TouchableOpacity>
 
-          <OrDivision/>
+      <OrDivision />
 
-          <Button title={LANG.t('loginScreen.registerButton')}  onPress={() => router.replace('/sign_up')}/>
-        </ScrollView>
-    );
-}
+      <Button
+        title={LANG.t("loginScreen.registerButton")}
+        onPress={() => router.replace("/sign_up")}
+      />
+    </ScrollView>
+  );
+};
 
 const styles = StyleSheet.create({
-    mainContainer: { 
-      flex: 1, 
-      backgroundColor: 
-      LIGHT_THEME.color.background 
-    },
-    imageContainer: {
-      height: "40%",
-      overflow: "hidden",
-      borderBottomLeftRadius: 70,
-      elevation: 5,
-    },
-    loginContainer: {
-      marginHorizontal: 20,
-      marginTop: "-30%",
-      marginBottom: 20,
-      elevation: 5,
-      borderRadius: 10,
-      backgroundColor: LIGHT_THEME.color.white,
-      height: "70%",
-    },
-    loginScroll: {
-      padding: 20,
-      gap: 10,
-      justifyContent: "center",
-    },
-    title: { fontSize: 30, fontWeight: "bold", alignSelf: "center" },
-    submitBtn: {
-      backgroundColor: "black",
-      borderRadius: 5,
-      width: "100%",
-      padding: 10,
-      justifyContent: "center",
-      alignItems: "center",
-    },
-    submitBtnText: {
-      color: "white",
-      fontSize: 20,
-    },
-  });
\ No newline at end of file
+  mainContainer: {
+    flex: 1,
+    backgroundColor: LIGHT_THEME.color.background,
+  },
+  imageContainer: {
+    height: "40%",
+    overflow: "hidden",
+    borderBottomLeftRadius: 70,
+    elevation: 5,
+  },
+  loginContainer: {
+    marginHorizontal: 20,
+    marginTop: "-30%",
+    marginBottom: 20,
+    elevation: 5,
+    borderRadius: 10,
+    backgroundColor: LIGHT_THEME.color.white,
+    height: "70%",
+  },
+  loginScroll: {
+    padding: 20,
+    gap: 10,
+    justifyContent: "center",
+  },
+  title: { fontSize: 30, fontWeight: "bold", alignSelf: "center" },
+  submitBtn: {
+    backgroundColor: "black",
+    borderRadius: 5,
+    width: "100%",
+    padding: 10,
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  submitBtnText: {
+    color: "white",
+    fontSize: 20,
+  },
+});
diff --git a/mobile/src/auth/components/multiple_digits_code.tsx b/mobile/src/auth/components/multiple_digits_code.tsx
index 74c07d808ada64f5e77712e6f225de0ca694229b..525a58db6b798429e901f903167f072213977a21 100644
--- a/mobile/src/auth/components/multiple_digits_code.tsx
+++ b/mobile/src/auth/components/multiple_digits_code.tsx
@@ -14,9 +14,14 @@ interface MultipleDigitsCodeProps {
   onTextChange?: (value: string) => void;
 }
 
-export const MultipleDigitsCode = ({ length, onTextChange }: MultipleDigitsCodeProps) => {
+export const MultipleDigitsCode = ({
+  length,
+  onTextChange,
+}: MultipleDigitsCodeProps) => {
   const references = useRef<TextInput[]>([]);
-  const [values, setValues] = useState<string[]>(Array.from({ length }, () => ""));
+  const [values, setValues] = useState<string[]>(
+    Array.from({ length }, () => "")
+  );
   const [selectedField, setSelectedField] = useState(0);
 
   const handleChange = (index: number, value: string) => {
diff --git a/mobile/src/auth/contexts/auth_context.tsx b/mobile/src/auth/contexts/auth_context.tsx
index 76b32f710032df05b7bb50e590f5f26d2d529012..636841f85e90a646ed6a00c8ee8cb738d98cd370 100644
--- a/mobile/src/auth/contexts/auth_context.tsx
+++ b/mobile/src/auth/contexts/auth_context.tsx
@@ -1,71 +1,89 @@
-import { PropsWithChildren, createContext, useContext, useEffect, useState } from "react";
+import {
+  PropsWithChildren,
+  createContext,
+  useContext,
+  useEffect,
+  useState,
+} from "react";
 import { UserInfoEntity } from "../domain/entities/user_info_entity";
 import * as SecureStore from "expo-secure-store";
 import axios from "axios";
 
 type AuthContextType = {
-    user: UserInfoEntity | null;
-    login: (userInfo: UserInfoEntity, token: string) => Promise<void>;
-    logout: () => Promise<void>;
-    isLoading: boolean;
-}
+  user: UserInfoEntity | null;
+  login: (userInfo: UserInfoEntity, token: string) => Promise<void>;
+  logout: () => Promise<void>;
+  isLoading: boolean;
+  verify: () => void;
+  isVerified: boolean;
+};
 
-const AuthContext = createContext(
-    {
-        user: null,
-        login: (userInfo: UserInfoEntity, token: string) => {},
-        logout: () => {},
-        isLoading: true
-    } as AuthContextType
-);
+const AuthContext = createContext({
+  user: null,
+  login: (userInfo: UserInfoEntity, token: string) => {},
+  logout: () => {},
+  isLoading: true,
+} as AuthContextType);
 
 type AuthContextProviderProps = PropsWithChildren<{}>;
 
-export const AuthContextProvider = ({children}: AuthContextProviderProps) => {
-    const [user, setUser] = useState<UserInfoEntity | null>(null);
-    const [isLoading, setIsLoading] = useState(true);
+export const AuthContextProvider = ({ children }: AuthContextProviderProps) => {
+  const [isVerified, setIsVerified] = useState(false);
+  const [user, setUser] = useState<UserInfoEntity | null>(null);
+  const [isLoading, setIsLoading] = useState(true);
 
-    const checkSession = async () => {
-        const user = await SecureStore.getItemAsync("user");
-        const token = await SecureStore.getItemAsync("token");
-        console.log(user);
-        console.log(token);
-        if (user && token) {
-            setUser(JSON.parse(user));
-            axios.defaults.headers.common["Authorization"] = `Bearer ${token}`;
-        }
-        setIsLoading(false);
+  const checkSession = async () => {
+    const isVerified = await SecureStore.getItemAsync("isVerified");
+    if (isVerified === "true") {
+      setIsVerified(true);
     }
-
-    const login = async (userInfo: UserInfoEntity, token: string) => {
-        await SecureStore.setItemAsync("user", JSON.stringify(userInfo));
-        await SecureStore.setItemAsync("token", token);
-        setUser(userInfo);
-        axios.defaults.headers.common["Authorization"] = `Bearer ${token}`;
+    const user = await SecureStore.getItemAsync("user");
+    const token = await SecureStore.getItemAsync("token");
+    console.log(user);
+    console.log(token);
+    if (user && token) {
+      setUser(JSON.parse(user));
+      axios.defaults.headers.common["Authorization"] = `Bearer ${token}`;
     }
+    setIsLoading(false);
+  };
 
-    const logout = async () => {
-        await SecureStore.deleteItemAsync("user");
-        await SecureStore.deleteItemAsync("token");
-        setUser(null);
-        axios.defaults.headers.common["Authorization"] = null;
-    }
+  const verify = () => {
+    setIsVerified(true);
+    SecureStore.setItemAsync("isVerified", "true");
+  };
+
+  const login = async (userInfo: UserInfoEntity, token: string) => {
+    await SecureStore.setItemAsync("user", JSON.stringify(userInfo));
+    await SecureStore.setItemAsync("token", token);
+    setUser(userInfo);
+    axios.defaults.headers.common["Authorization"] = `Bearer ${token}`;
+  };
 
-    useEffect(() => {
-        checkSession();
-    }, []);
+  const logout = async () => {
+    await SecureStore.deleteItemAsync("user");
+    await SecureStore.deleteItemAsync("token");
+    setUser(null);
+    axios.defaults.headers.common["Authorization"] = null;
+  };
 
-    return (
-        <AuthContext.Provider value={{user, login, logout, isLoading}}>
-            {children}
-        </AuthContext.Provider>
-    );
-}
+  useEffect(() => {
+    checkSession();
+  }, []);
+
+  return (
+    <AuthContext.Provider
+      value={{ user, login, logout, isLoading, isVerified, verify }}
+    >
+      {children}
+    </AuthContext.Provider>
+  );
+};
 
 export const useAuth = () => {
-    const context = useContext(AuthContext);
-    if (!context) {
-        throw new Error("useAuth must be used within an AuthContextProvider");
-    }
-    return context;
-}
\ No newline at end of file
+  const context = useContext(AuthContext);
+  if (!context) {
+    throw new Error("useAuth must be used within an AuthContextProvider");
+  }
+  return context;
+};
diff --git a/mobile/src/auth/domain/datasources/auth_datasource.ts b/mobile/src/auth/domain/datasources/auth_datasource.ts
index fb64d7487afe43464643601a2646fc40132b0166..27a933b67d7afa42586412f140e0ca5da1ba49fd 100644
--- a/mobile/src/auth/domain/datasources/auth_datasource.ts
+++ b/mobile/src/auth/domain/datasources/auth_datasource.ts
@@ -4,8 +4,10 @@ import { ResetPasswordInfoEntity } from "../entities/reset_password_entity";
 import { UserInfoEntity } from "../entities/user_info_entity";
 
 export interface AuthDataSource {
-    login: (email: string, password: string) => Promise<LoginInfoEntity>;
-    register: (user: RegisterInfoEntity) => Promise<LoginInfoEntity>;
-    getResetCode: (email: string) => Promise<void>;
-    resetPassword: (resetInfo: ResetPasswordInfoEntity) => Promise<void>;
-}
\ No newline at end of file
+  login: (email: string, password: string) => Promise<LoginInfoEntity>;
+  register: (user: RegisterInfoEntity) => Promise<LoginInfoEntity>;
+  getResetCode: (email: string) => Promise<void>;
+  resetPassword: (resetInfo: ResetPasswordInfoEntity) => Promise<void>;
+  verifyAccount: (code: string) => Promise<void>;
+  resendConfirmationCode: () => Promise<void>;
+}
diff --git a/mobile/src/auth/domain/repositories/auth_repository.ts b/mobile/src/auth/domain/repositories/auth_repository.ts
index 9f4750f8277933e6578556cbadf2c3982af30b23..ff33179b6417517051751a2e5332f32b562283fa 100644
--- a/mobile/src/auth/domain/repositories/auth_repository.ts
+++ b/mobile/src/auth/domain/repositories/auth_repository.ts
@@ -3,8 +3,10 @@ import { RegisterInfoEntity } from "../entities/register_info";
 import { ResetPasswordInfoEntity } from "../entities/reset_password_entity";
 
 export interface AuthRepository {
-    login: (email: string, password: string) => Promise<LoginInfoEntity>;
-    register: (user: RegisterInfoEntity) => Promise<LoginInfoEntity>;
-    getResetCode: (email: string) => Promise<void>;
-    resetPassword: (resetInfo: ResetPasswordInfoEntity) => Promise<void>;
-}
\ No newline at end of file
+  login: (email: string, password: string) => Promise<LoginInfoEntity>;
+  register: (user: RegisterInfoEntity) => Promise<LoginInfoEntity>;
+  getResetCode: (email: string) => Promise<void>;
+  resetPassword: (resetInfo: ResetPasswordInfoEntity) => Promise<void>;
+  verifyAccount: (code: string) => Promise<void>;
+  resendConfirmationCode: () => Promise<void>;
+}
diff --git a/mobile/src/auth/hooks/useLoggin.ts b/mobile/src/auth/hooks/useLoggin.ts
index 53fa44e2cfae87cf49149444a38f8d54826671e7..f0c0d21c7bbb3d2b9a51ac25180dbe7d6ce7d3d9 100644
--- a/mobile/src/auth/hooks/useLoggin.ts
+++ b/mobile/src/auth/hooks/useLoggin.ts
@@ -1,4 +1,4 @@
-import { set, useForm } from "react-hook-form"
+import { set, useForm } from "react-hook-form";
 import { useAuth } from "../contexts/auth_context";
 import { Navigator, Redirect, router } from "expo-router";
 import { useDataContext } from "../../common/contexts/data_context";
@@ -7,56 +7,75 @@ import { ApiRequestStatus } from "../../common/const/api_request_states";
 import { ApiResponseError } from "../errors/api_response_error";
 
 export type LoginFormValues = {
-    email: string;
-    password: string;
-}
+  email: string;
+  password: string;
+};
 
 export const useLoggin = () => {
-    const { control, handleSubmit, formState: { errors }, setError } = useForm<LoginFormValues>();
-    const { authRepository } = useDataContext();
-    const { login } = useAuth();
-    const [requestStatus, setRequestStatus] = useState(ApiRequestStatus.IDLE);
-    const [isErrorModalVisible, setIsErrorModalVisible] = useState(false);
-
-    const setLoading = async () => {
-        setRequestStatus(ApiRequestStatus.LOADING);
-    }
+  const {
+    control,
+    handleSubmit,
+    formState: { errors },
+    setError,
+  } = useForm<LoginFormValues>();
+  const { authRepository } = useDataContext();
+  const { login } = useAuth();
+  const [requestStatus, setRequestStatus] = useState(ApiRequestStatus.IDLE);
+  const [isErrorModalVisible, setIsErrorModalVisible] = useState(false);
 
-    const validSubmit = async (data: LoginFormValues) => {
-        try {
-            await setLoading();
-            const { user, token } = await authRepository!.login(data.email, data.password);
-            await login(user, token);
-            setRequestStatus(ApiRequestStatus.SUCCESS);
-            router.replace('/(tabs)');
-        } catch (error: any) {
-            const {status} = error as ApiResponseError;
-            console.log(error)
-            switch (status) {
-                case 401:
-                    setError('email', { type: 'manual', message: 'Invalid email or password' });
-                    setError('password', { type: 'manual', message: 'Invalid email or password' });
-                    setRequestStatus(ApiRequestStatus.ERROR);
-                    break;
-                default:
-                    setIsErrorModalVisible(true);
-                    setRequestStatus(ApiRequestStatus.ERROR);
-                    break;
-            }
-        }
-    }
+  const setLoading = async () => {
+    setRequestStatus(ApiRequestStatus.LOADING);
+  };
 
-    const closeErrorModal = () => {
-        setIsErrorModalVisible(false);
+  const validSubmit = async (data: LoginFormValues) => {
+    try {
+      await setLoading();
+      const { user, token } = await authRepository!.login(
+        data.email,
+        data.password
+      );
+      await login(user, token);
+      setRequestStatus(ApiRequestStatus.SUCCESS);
+      router.replace("/(tabs)");
+    } catch (error: any) {
+      const { status } = error as ApiResponseError;
+      switch (status) {
+        case 401:
+          setError("email", {
+            type: "manual",
+            message: "Invalid email or password",
+          });
+          setError("password", {
+            type: "manual",
+            message: "Invalid email or password",
+          });
+          setRequestStatus(ApiRequestStatus.ERROR);
+          break;
+        default:
+          setIsErrorModalVisible(true);
+          setRequestStatus(ApiRequestStatus.ERROR);
+          break;
+      }
     }
+  };
 
-    const invalidSubmit = (errors: any) => {
-        console.log(errors);
-    }
+  const closeErrorModal = () => {
+    setIsErrorModalVisible(false);
+  };
 
-    const onSubmit = async () => {
-        await handleSubmit(validSubmit, invalidSubmit)();
-    }
+  const invalidSubmit = (errors: any) => {
+    console.log(errors);
+  };
+
+  const onSubmit = async () => {
+    await handleSubmit(validSubmit, invalidSubmit)();
+  };
 
-    return { control, onSubmit, closeErrorModal, requestStatus, isErrorModalVisible };
-}
\ No newline at end of file
+  return {
+    control,
+    onSubmit,
+    closeErrorModal,
+    requestStatus,
+    isErrorModalVisible,
+  };
+};
diff --git a/mobile/src/auth/hooks/useResetPassword.ts b/mobile/src/auth/hooks/useResetPassword.ts
index 7570b8188ed2b5c54cd1099c90eefe99d0d66e38..323a1c4277019917faed1eb6c39e54fadce56e0d 100644
--- a/mobile/src/auth/hooks/useResetPassword.ts
+++ b/mobile/src/auth/hooks/useResetPassword.ts
@@ -3,75 +3,84 @@ import { useDataContext } from "../../common/contexts/data_context";
 import { useState } from "react";
 import { ApiRequestStatus } from "../../common/const/api_request_states";
 import { router } from "expo-router";
-import { ChangePaswordError, ResetPasswordError } from "../errors/reset_password_error";
+import {
+  ChangePaswordError,
+  ResetPasswordError,
+} from "../errors/reset_password_error";
 
 export interface ResetPasswordFormValues {
-    email: string;
-    newPassword: string;
-    newPasswordConfirmation: string;
-    code: string;
+  email: string;
+  newPassword: string;
+  newPasswordConfirmation: string;
+  code: string;
 }
 
 export const useResetPassword = () => {
-    const { authRepository } = useDataContext();
-    const { control, handleSubmit, getValues, setError, setValue } = useForm<ResetPasswordFormValues>({
-        defaultValues: {
-            email: "",
-            newPassword: "",
-            newPasswordConfirmation: "",
-            code: "",
-        }
+  const { authRepository } = useDataContext();
+  const { control, handleSubmit, getValues, setError, setValue } =
+    useForm<ResetPasswordFormValues>({
+      defaultValues: {
+        email: "",
+        newPassword: "",
+        newPasswordConfirmation: "",
+        code: "",
+      },
     });
-    const [status, setStatus] = useState(ApiRequestStatus.IDLE);
+  const [status, setStatus] = useState(ApiRequestStatus.IDLE);
 
-    const setLoading = async () => {
-        setStatus(ApiRequestStatus.LOADING);
-    };
+  const setLoading = async () => {
+    setStatus(ApiRequestStatus.LOADING);
+  };
 
-    const getResetCode = async () => {
-        await setLoading();
-        if (!getValues().email) {
-            console.log(getValues())
-            setError("email", { type: "manual", message: "Email is required" });
-            throw new Error("Email is required");
-        }
-        await authRepository!.getResetCode(getValues().email);
-        setStatus(ApiRequestStatus.SUCCESS);
-    };
+  const getResetCode = async () => {
+    await setLoading();
+    if (!getValues().email) {
+      setError("email", { type: "manual", message: "Email is required" });
+      throw new Error("Email is required");
+    }
+    await authRepository!.getResetCode(getValues().email);
+    setStatus(ApiRequestStatus.SUCCESS);
+  };
 
-    const validSubmit = async (data: ResetPasswordFormValues) => {
-        try {
-            await setLoading();
-            if (data.newPassword !== data.newPasswordConfirmation) {
-                setError("newPasswordConfirmation", { type: "manual", message: "Passwords do not match" });
-                return;
-            }
-            await authRepository!.resetPassword({
-                newPassword: data.newPassword,
-                code: data.code,
-                email: data.email
-            })
-            router.replace("/login");
-        } catch (error) {
-            if (error instanceof ResetPasswordError && error.type == ChangePaswordError.UNDEFINED) {
-                throw new Error();
-            }
-        }
-    };
-
-    const errorSubmit = async () => {
+  const validSubmit = async (data: ResetPasswordFormValues) => {
+    try {
+      await setLoading();
+      if (data.newPassword !== data.newPasswordConfirmation) {
+        setError("newPasswordConfirmation", {
+          type: "manual",
+          message: "Passwords do not match",
+        });
+        return;
+      }
+      await authRepository!.resetPassword({
+        newPassword: data.newPassword,
+        code: data.code,
+        email: data.email,
+      });
+      router.replace("/login");
+    } catch (error) {
+      if (
+        error instanceof ResetPasswordError &&
+        error.type == ChangePaswordError.UNDEFINED
+      ) {
         throw new Error();
-    };
+      }
+    }
+  };
 
-    const onSubmit = async () => {
-        await handleSubmit(validSubmit, errorSubmit)();
-    };
+  const errorSubmit = async () => {
+    throw new Error();
+  };
 
-    return {
-        control,
-        getResetCode,
-        setValue,
-        onSubmit,
-        status
-    };
-}
+  const onSubmit = async () => {
+    await handleSubmit(validSubmit, errorSubmit)();
+  };
+
+  return {
+    control,
+    getResetCode,
+    setValue,
+    onSubmit,
+    status,
+  };
+};
diff --git a/mobile/src/auth/hooks/useResetPasswordControl.tsx b/mobile/src/auth/hooks/useResetPasswordControl.tsx
index 6b96a53242479611e5ba099a62243fc1f2a7895d..9b83b9425277f3fe2a35d10e4a870d6f21e446c2 100644
--- a/mobile/src/auth/hooks/useResetPasswordControl.tsx
+++ b/mobile/src/auth/hooks/useResetPasswordControl.tsx
@@ -48,7 +48,6 @@ export const useResetPasswordControl = () => {
       await slide.callback();
       setStep(step + 1);
     } catch (error) {
-      console.log(error);
       slide.onError && slide.onError();
     }
   };
diff --git a/mobile/src/auth/hooks/useSignUp.ts b/mobile/src/auth/hooks/useSignUp.ts
index af7570c7347b052f3af269a31465064a11033cde..ff112069191d49fdc53381b2d752d1fdc702bbaf 100644
--- a/mobile/src/auth/hooks/useSignUp.ts
+++ b/mobile/src/auth/hooks/useSignUp.ts
@@ -1,4 +1,4 @@
-import { useForm } from "react-hook-form"
+import { useForm } from "react-hook-form";
 import { useDataContext } from "../../common/contexts/data_context";
 import { useAuth } from "../contexts/auth_context";
 import { router } from "expo-router";
@@ -7,71 +7,82 @@ import { useCallback, useState } from "react";
 import { ApiResponseError } from "../errors/api_response_error";
 
 export interface SignUpFormValues {
-    name: string;
-    lastName: string;
-    email: string;
-    password: string;
-    confirmPassword: string;
-    dateOfBirth: string;
+  name: string;
+  lastName: string;
+  email: string;
+  password: string;
+  confirmPassword: string;
+  dateOfBirth: string;
 }
 
 export const useSignUp = () => {
-    const { control, setError, handleSubmit } = useForm<SignUpFormValues>();
-    const { authRepository } = useDataContext();
-    const { login } = useAuth();
-    const [requestStatus, setRequestStatus] = useState(ApiRequestStatus.IDLE);
-    const [isErrorModalVisible, setIsErrorModalVisible] = useState(false);
+  const { control, setError, handleSubmit } = useForm<SignUpFormValues>();
+  const { authRepository } = useDataContext();
+  const { login } = useAuth();
+  const [requestStatus, setRequestStatus] = useState(ApiRequestStatus.IDLE);
+  const [isErrorModalVisible, setIsErrorModalVisible] = useState(false);
 
-    const setLoading = async () => {
-        setRequestStatus(ApiRequestStatus.LOADING);
-    }
+  const setLoading = async () => {
+    setRequestStatus(ApiRequestStatus.LOADING);
+  };
 
-    const validSubmit = async (data: SignUpFormValues) => {
-        try {
-            if (data.password !== data.confirmPassword) {
-                setError("confirmPassword", { type: "manual", message: "Passwords don't match" });
-                return;
-            }
-            await setLoading();
-            const userToRegister = {
-                name: data.name,
-                lastName: data.lastName,
-                email: data.email,
-                password: data.password,
-                confirmPassword: data.confirmPassword,
-                birthdate: data.dateOfBirth
-            }
-            const { user, token } = await authRepository!.register(userToRegister);
-            await login(user, token);
-            setRequestStatus(ApiRequestStatus.SUCCESS);
-            router.replace("/(tabs)");
-        } catch (error: any) {
-            const {status} = error as ApiResponseError;
-            console.log(status);
-            switch (status) {
-                case 400:
-                    setError("email", { type: "manual", message: "Email already in use" });
-                    setRequestStatus(ApiRequestStatus.ERROR);
-                    break;
-                default:
-                    setIsErrorModalVisible(true);
-                    setRequestStatus(ApiRequestStatus.ERROR);
-                    break;
-            }
-        }
+  const validSubmit = async (data: SignUpFormValues) => {
+    try {
+      if (data.password !== data.confirmPassword) {
+        setError("confirmPassword", {
+          type: "manual",
+          message: "Passwords don't match",
+        });
+        return;
+      }
+      await setLoading();
+      const userToRegister = {
+        name: data.name,
+        lastName: data.lastName,
+        email: data.email,
+        password: data.password,
+        confirmPassword: data.confirmPassword,
+        birthdate: data.dateOfBirth,
+      };
+      const { user, token } = await authRepository!.register(userToRegister);
+      await login(user, token);
+      setRequestStatus(ApiRequestStatus.SUCCESS);
+      router.replace("/(tabs)");
+    } catch (error: any) {
+      const { status } = error as ApiResponseError;
+      switch (status) {
+        case 400:
+          setError("email", {
+            type: "manual",
+            message: "Email already in use",
+          });
+          setRequestStatus(ApiRequestStatus.ERROR);
+          break;
+        default:
+          setIsErrorModalVisible(true);
+          setRequestStatus(ApiRequestStatus.ERROR);
+          break;
+      }
     }
+  };
 
-    const closeErrorModal = () => {
-        setIsErrorModalVisible(false);
-    }
+  const closeErrorModal = () => {
+    setIsErrorModalVisible(false);
+  };
 
-    const invalidSubmit = (errors: any) => {
-        console.log(errors);
-    }
+  const invalidSubmit = (errors: any) => {
+    console.log(errors);
+  };
 
-    const onSubmit = useCallback(async () => {
-        await handleSubmit(validSubmit, invalidSubmit)();
-    }, [handleSubmit, validSubmit, invalidSubmit]);
+  const onSubmit = useCallback(async () => {
+    await handleSubmit(validSubmit, invalidSubmit)();
+  }, [handleSubmit, validSubmit, invalidSubmit]);
 
-    return { control, onSubmit, requestStatus, isErrorModalVisible, closeErrorModal };
-}
\ No newline at end of file
+  return {
+    control,
+    onSubmit,
+    requestStatus,
+    isErrorModalVisible,
+    closeErrorModal,
+  };
+};
diff --git a/mobile/src/auth/hooks/useVerifyAccount.ts b/mobile/src/auth/hooks/useVerifyAccount.ts
new file mode 100644
index 0000000000000000000000000000000000000000..5adafe5a154a7e76c1e1f175edf99f0fd334da9b
--- /dev/null
+++ b/mobile/src/auth/hooks/useVerifyAccount.ts
@@ -0,0 +1,54 @@
+import { useState } from "react";
+import { useForm } from "react-hook-form";
+import { ApiRequestStatus } from "../../common/const/api_request_states";
+import { useDataContext } from "../../common/contexts/data_context";
+import { router } from "expo-router";
+import { useAuth } from "../contexts/auth_context";
+
+interface VerifyAccountFormValues {
+  code: string;
+}
+
+export const useVerifyAccount = () => {
+  const { authRepository } = useDataContext();
+  const { verify } = useAuth();
+  const { setValue, handleSubmit } = useForm<VerifyAccountFormValues>({
+    defaultValues: {
+      code: "",
+    },
+  });
+  const [requestStatus, setRequestStatus] = useState<ApiRequestStatus>(
+    ApiRequestStatus.IDLE
+  );
+
+  const setLoading = () => setRequestStatus(ApiRequestStatus.LOADING);
+
+  const onValidSubmit = async (values: VerifyAccountFormValues) => {
+    setLoading();
+    try {
+      await authRepository!.verifyAccount(values.code);
+      await verify();
+      router.replace("/(tabs)");
+    } catch (error) {
+      setRequestStatus(ApiRequestStatus.ERROR);
+    }
+  };
+
+  const getNewResetCode = async () => {
+    setLoading();
+    try {
+      await authRepository!.resendConfirmationCode();
+    } catch (error) {
+    } finally {
+      setRequestStatus(ApiRequestStatus.SUCCESS);
+    }
+  };
+
+  const onSubmit = async () => {
+    await handleSubmit(onValidSubmit, (err) => {
+      console.log(err);
+    })();
+  };
+
+  return { setValue, requestStatus, onSubmit, getNewResetCode };
+};
diff --git a/mobile/src/auth/infrastructure/prod/datasources/auth_datasource.ts b/mobile/src/auth/infrastructure/prod/datasources/auth_datasource.ts
index 2b5526ecbc987f954fc472445490f7ca32b2101e..849baf9891bf4cbc570bdcfcaea615d46713feae 100644
--- a/mobile/src/auth/infrastructure/prod/datasources/auth_datasource.ts
+++ b/mobile/src/auth/infrastructure/prod/datasources/auth_datasource.ts
@@ -10,74 +10,132 @@ import { ResetPasswordInfoEntity } from "../../../domain/entities/reset_password
 import { ApiResponseError } from "../../../errors/api_response_error";
 
 export class AuthDatasourceProd implements AuthDataSource {
-    async getResetCode (email: string): Promise<void> {
-        const {status} = await axios.post(`${API_URL}/user/get-reset-code`, {
-            email
-        });
+  async verifyAccount(code: string): Promise<void> {
+    try {
+      const { status } = await axios.post(`${API_URL}/user/confirm-email`, {
+        code,
+      });
 
-        if (status !== 201) {
-            throw new Error("Error fetching new reset code");
-        }
+      if (status !== 201) {
+        throw new Error("Error verifying account");
+      }
+    } catch (error: any) {
+      if (axios.isAxiosError(error)) {
+        throw new ApiResponseError(
+          error.response!.status,
+          error.response?.data.message
+        );
+      }
+      throw new ApiResponseError(500, "Internal Server Error");
     }
-    async resetPassword (resetInfo: ResetPasswordInfoEntity): Promise<void> {
-        const resetInfoModel = {
-            email: resetInfo.email,
-            resetCode: resetInfo.code,
-            newPassword: resetInfo.newPassword
-        }
+  }
+  async resendConfirmationCode(): Promise<void> {
+    try {
+      const { status } = await axios.post(
+        `${API_URL}/user/resend-confirmation-code`
+      );
 
-        const {status} = await axios.post(`${API_URL}/user/reset-password`, resetInfoModel);
+      if (status !== 201) {
+        throw new Error("Error resending confirmation code");
+      }
+    } catch (error: any) {
+      if (axios.isAxiosError(error)) {
+        throw new ApiResponseError(
+          error.response!.status,
+          error.response?.data.message
+        );
+      }
+      throw new ApiResponseError(500, "Internal Server Error");
+    }
+  }
+  async getResetCode(email: string): Promise<void> {
+    const { status } = await axios.post(`${API_URL}/user/get-reset-code`, {
+      email,
+    });
 
-        if (status !== 201) {
-            throw new Error("Error reset Password");
-        }
+    if (status !== 201) {
+      throw new Error("Error fetching new reset code");
     }
-    login: (email: string, password: string) => Promise<LoginInfoEntity> = async (email, password) => {
-        try{
-            const loginInfo: LoginUserModel = {
-                email,
-                password
-            };
-            //TODO: Hacer el login info model y el user info model cuando se termine la documentación
-            const { data, status } = await axios.post<RegisterResponseModel>(`${API_URL}/user/signin`, loginInfo);
-            const loginResponse: LoginInfoEntity = {
-                token: data.user.token,
-                user: {
-                    id: data.user.userId,
-                    email: data.user.email,
-                    name: data.user.name,
-                    lastName: data.user.lastName,
-                }
-            }
-            return loginResponse;
-        } catch (error: any) {
-            if (axios.isAxiosError(error)) {
-                throw new ApiResponseError(error.response!.status, error.response?.data.message);
-            }
-            throw new ApiResponseError(500, "Internal Server Error");
-        }
+  }
+  async resetPassword(resetInfo: ResetPasswordInfoEntity): Promise<void> {
+    const resetInfoModel = {
+      email: resetInfo.email,
+      resetCode: resetInfo.code,
+      newPassword: resetInfo.newPassword,
     };
 
-    register: (user: RegisterInfoEntity) => Promise<LoginInfoEntity> = async (user) => {
-        try {
-            const newUser = userRegisterEntityToUserRegisterModel(user);
-        const { data, status } = await axios.post<RegisterResponseModel>(`${API_URL}/user/signup`, newUser);
-        
-        const registeredUser: LoginInfoEntity = {
-            token: data.user.token,
-            user: {
-                id: data.user.userId,
-                email: data.user.email,
-                name: data.user.name,
-                lastName: data.user.lastName
-            }
-        }
-        return registeredUser;
-        } catch (error: any) {
-            if (axios.isAxiosError(error)) {
-                throw new ApiResponseError(error.response!.status, error.response?.data.message);
-            }
-            throw new ApiResponseError(500, "Internal Server Error");
-        }
-    };
-}
\ No newline at end of file
+    const { status } = await axios.post(
+      `${API_URL}/user/reset-password`,
+      resetInfoModel
+    );
+
+    if (status !== 201) {
+      throw new Error("Error reset Password");
+    }
+  }
+  login: (email: string, password: string) => Promise<LoginInfoEntity> = async (
+    email,
+    password
+  ) => {
+    try {
+      const loginInfo: LoginUserModel = {
+        email,
+        password,
+      };
+      //TODO: Hacer el login info model y el user info model cuando se termine la documentación
+      const { data, status } = await axios.post<RegisterResponseModel>(
+        `${API_URL}/user/signin`,
+        loginInfo
+      );
+      const loginResponse: LoginInfoEntity = {
+        token: data.user.token,
+        user: {
+          id: data.user.userId,
+          email: data.user.email,
+          name: data.user.name,
+          lastName: data.user.lastName,
+        },
+      };
+      return loginResponse;
+    } catch (error: any) {
+      if (axios.isAxiosError(error)) {
+        throw new ApiResponseError(
+          error.response!.status,
+          error.response?.data.message
+        );
+      }
+      throw new ApiResponseError(500, "Internal Server Error");
+    }
+  };
+
+  register: (user: RegisterInfoEntity) => Promise<LoginInfoEntity> = async (
+    user
+  ) => {
+    try {
+      const newUser = userRegisterEntityToUserRegisterModel(user);
+      const { data, status } = await axios.post<RegisterResponseModel>(
+        `${API_URL}/user/signup`,
+        newUser
+      );
+
+      const registeredUser: LoginInfoEntity = {
+        token: data.user.token,
+        user: {
+          id: data.user.userId,
+          email: data.user.email,
+          name: data.user.name,
+          lastName: data.user.lastName,
+        },
+      };
+      return registeredUser;
+    } catch (error: any) {
+      if (axios.isAxiosError(error)) {
+        throw new ApiResponseError(
+          error.response!.status,
+          error.response?.data.message
+        );
+      }
+      throw new ApiResponseError(500, "Internal Server Error");
+    }
+  };
+}
diff --git a/mobile/src/auth/infrastructure/prod/repositories/auth_repository.ts b/mobile/src/auth/infrastructure/prod/repositories/auth_repository.ts
index 33d46bbacb1b1de0dc882758cd282fd954a57af4..93d856d53a9a5576282690d385c7b4b74a58e027 100644
--- a/mobile/src/auth/infrastructure/prod/repositories/auth_repository.ts
+++ b/mobile/src/auth/infrastructure/prod/repositories/auth_repository.ts
@@ -1,21 +1,26 @@
-import { AuthDataSource } from '../../../domain/datasources/auth_datasource';
-import { RegisterInfoEntity } from '../../../domain/entities/register_info';
-import { ResetPasswordInfoEntity } from '../../../domain/entities/reset_password_entity';
-import { UserInfoEntity } from '../../../domain/entities/user_info_entity';
-import { AuthRepository } from '../../../domain/repositories/auth_repository';
+import { AuthDataSource } from "../../../domain/datasources/auth_datasource";
+import { RegisterInfoEntity } from "../../../domain/entities/register_info";
+import { ResetPasswordInfoEntity } from "../../../domain/entities/reset_password_entity";
+import { UserInfoEntity } from "../../../domain/entities/user_info_entity";
+import { AuthRepository } from "../../../domain/repositories/auth_repository";
 export class AuthRepositoryImpl implements AuthRepository {
-    constructor(private authDataSource: AuthDataSource) {
-    }
-    getResetCode (email: string) {
-        return this.authDataSource.getResetCode(email);
-    }
-    resetPassword (resetInfo: ResetPasswordInfoEntity) {
-        return this.authDataSource.resetPassword(resetInfo);
-    }
-    async login(email: string, password: string) {
-        return await this.authDataSource.login(email, password);
-    }
-    async register(user: RegisterInfoEntity) {
-        return await this.authDataSource.register(user);
-    }
-}
\ No newline at end of file
+  constructor(private authDataSource: AuthDataSource) {}
+  async verifyAccount(code: string): Promise<void> {
+    return await this.authDataSource.verifyAccount(code);
+  }
+  async resendConfirmationCode(): Promise<void> {
+    return await this.authDataSource.resendConfirmationCode();
+  }
+  async getResetCode(email: string) {
+    return this.authDataSource.getResetCode(email);
+  }
+  async resetPassword(resetInfo: ResetPasswordInfoEntity) {
+    return this.authDataSource.resetPassword(resetInfo);
+  }
+  async login(email: string, password: string) {
+    return await this.authDataSource.login(email, password);
+  }
+  async register(user: RegisterInfoEntity) {
+    return await this.authDataSource.register(user);
+  }
+}
diff --git a/mobile/src/auth/pages/verify_page.tsx b/mobile/src/auth/pages/verify_page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..bdf85205e49719953b551237a2d1f272ae32c443
--- /dev/null
+++ b/mobile/src/auth/pages/verify_page.tsx
@@ -0,0 +1,40 @@
+import { View, StyleSheet, Text, ScrollView } from "react-native";
+import { CodeForm } from "../components/code_form";
+import { useVerifyAccount } from "../hooks/useVerifyAccount";
+import { ApiRequestStatus } from "../../common/const/api_request_states";
+import { FullPageLoader } from "../../common/components/full_page_loader";
+import { FloatingEndActionButton } from "../../common/components/floating_end_action_button";
+
+export const VerifyScreen = () => {
+  const { setValue, requestStatus, onSubmit, getNewResetCode } =
+    useVerifyAccount();
+
+  if (requestStatus === ApiRequestStatus.LOADING) {
+    return <FullPageLoader />;
+  }
+
+  return (
+    <ScrollView
+      style={styles.container}
+      contentContainerStyle={styles.innerContainer}
+    >
+      <CodeForm setValue={setValue} getNewResetCode={getNewResetCode} />
+      <FloatingEndActionButton onPress={onSubmit} title="Verificar Cuenta" />
+    </ScrollView>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    height: "100%",
+  },
+  innerContainer: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  title: {
+    fontSize: 20,
+    fontWeight: "bold",
+  },
+});
diff --git a/mobile/src/common/components/custom_tile_button.tsx b/mobile/src/common/components/custom_tile_button.tsx
index 834f1bf00855fcfc10453b6d2ae67a675aedc4a6..cb3124f7c1a37f52f9c9f1c447655d874c30fc03 100644
--- a/mobile/src/common/components/custom_tile_button.tsx
+++ b/mobile/src/common/components/custom_tile_button.tsx
@@ -14,17 +14,21 @@ export const CustomTileButton = ({
   title,
   onPress,
   leadingIcon,
-  subtitle
+  subtitle,
 }: CustomTileButtonProps) => {
   return (
     <TouchableOpacity onPress={onPress} style={styles.account_option}>
       <View style={{ flexDirection: "row", gap: 20, alignItems: "center" }}>
         {leadingIcon}
-        <View style={styles.titleContainer} >
-          <Text style={styles.title} numberOfLines={1} >{title}</Text>
-          {
-            subtitle && <Text style={styles.subtitle} numberOfLines={1} >{subtitle}</Text>
-          }
+        <View style={styles.titleContainer}>
+          <Text style={styles.title} numberOfLines={1}>
+            {title}
+          </Text>
+          {subtitle && (
+            <Text style={styles.subtitle} numberOfLines={1}>
+              {subtitle}
+            </Text>
+          )}
         </View>
       </View>
       <MaterialIcons name="keyboard-arrow-right" size={30} color="black" />
@@ -50,9 +54,8 @@ const styles = StyleSheet.create({
     alignItems: "flex-start",
     justifyContent: "space-between",
     paddingVertical: 10,
-    minWidth: "50%",
+    minWidth: "70%",
     maxWidth: "85%",
-
   },
   title: {
     fontSize: 16,
@@ -63,5 +66,5 @@ const styles = StyleSheet.create({
     color: "#777",
     fontWeight: "500",
     textAlign: "left",
-  }
+  },
 });
diff --git a/mobile/src/common/components/form/date_text_input.tsx b/mobile/src/common/components/form/date_text_input.tsx
index 54351bc2c8e435dca972536e2b60f510b4c198ed..afff79ca3d1325fa7357bb69bffc8ab35d716d4d 100644
--- a/mobile/src/common/components/form/date_text_input.tsx
+++ b/mobile/src/common/components/form/date_text_input.tsx
@@ -21,9 +21,6 @@ export const DateTextInput = ({
   mode = "date",
 }: DateInputProps) => {
   const [isVisible, setIsVisible] = useState(false);
-  useEffect(() => {
-    console.log(isVisible);
-  }, [isVisible]);
   return (
     <TouchableOpacity
       onPress={() => setIsVisible(true)}
diff --git a/mobile/src/common/components/rating_page/star_rating_form.tsx b/mobile/src/common/components/rating_page/star_rating_form.tsx
index f3612f235574dc84fc854d571c2aad90c3f27ee6..7e8ee0cda082a7817f043ec5b2b6b40ee67c11a0 100644
--- a/mobile/src/common/components/rating_page/star_rating_form.tsx
+++ b/mobile/src/common/components/rating_page/star_rating_form.tsx
@@ -18,26 +18,25 @@ export const StarRatingForm = ({
   const danceRef = useRef(new Animated.Value(0)).current;
 
   useEffect(() => {
-      Animated.sequence([
-        Animated.timing(danceRef, {
-          toValue: 10,
-          duration: 100,
-          useNativeDriver: true,
-        }),
-        Animated.timing(danceRef, {
-          toValue: -10,
-          duration: 100,
-          useNativeDriver: true,
-        }),
-        Animated.timing(danceRef, {
-          toValue: 0,
-          duration: 100,
-          useNativeDriver: true,
-        }),
-      ]).start();
+    Animated.sequence([
+      Animated.timing(danceRef, {
+        toValue: 10,
+        duration: 100,
+        useNativeDriver: true,
+      }),
+      Animated.timing(danceRef, {
+        toValue: -10,
+        duration: 100,
+        useNativeDriver: true,
+      }),
+      Animated.timing(danceRef, {
+        toValue: 0,
+        duration: 100,
+        useNativeDriver: true,
+      }),
+    ]).start();
   }, [rating]);
 
-
   const handleOnPress = (index: number) => {
     setRating(index + 1);
     onRatingChange(index + 1);
@@ -46,19 +45,24 @@ export const StarRatingForm = ({
     <View style={styles.mainView}>
       {Array.from({ length: maxRating }).map((_, index) => {
         return (
-          <TouchableOpacity onPress={() => handleOnPress(index)}>
+          <TouchableOpacity
+            key={`star-rat-${index}`}
+            onPress={() => handleOnPress(index)}
+          >
             <Animated.View
               style={[
-                index < rating ? {
-                  transform: [
-                    {
-                      rotate: danceRef.interpolate({
-                        inputRange: [-10, 10],
-                        outputRange: ["-10deg", "10deg"],
-                      }),
-                    },
-                  ],
-                } : {},
+                index < rating
+                  ? {
+                      transform: [
+                        {
+                          rotate: danceRef.interpolate({
+                            inputRange: [-10, 10],
+                            outputRange: ["-10deg", "10deg"],
+                          }),
+                        },
+                      ],
+                    }
+                  : {},
               ]}
             >
               <AntDesign
diff --git a/mobile/src/common/const/api.ts b/mobile/src/common/const/api.ts
index c4d4fe8de65867d6440c49e432cba14106ae2b99..68fdfbea497d1039492807d442ab3325d5d922b2 100644
--- a/mobile/src/common/const/api.ts
+++ b/mobile/src/common/const/api.ts
@@ -1 +1 @@
-export const API_URL = 'http://192.168.0.14:3005';
\ No newline at end of file
+export const API_URL = "http://192.168.0.14:3005";
diff --git a/mobile/src/common/contexts/audio_context.tsx b/mobile/src/common/contexts/audio_context.tsx
index 272b76ed488df9525bbae1ab0293845ce8cb21ed..09a6b2f1631df96df476a6cce4bd4d2e57256b41 100644
--- a/mobile/src/common/contexts/audio_context.tsx
+++ b/mobile/src/common/contexts/audio_context.tsx
@@ -1,88 +1,105 @@
-import { PropsWithChildren, createContext, useCallback, useContext, useEffect, useRef, useState } from "react";
+import {
+  PropsWithChildren,
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useRef,
+  useState,
+} from "react";
 import { AVPlaybackSource, AVPlaybackStatus, Audio } from "expo-av";
 
 type AudioContextType = {
-    loadAudio: (source?: AVPlaybackSource) => Promise<void>;
-    togglePlay: () => Promise<void>; 
-    isPlaying: boolean; 
-    duration: number; 
-    position: number;
-    onValueChange: (value: number) => void; 
-    onUnmount: () => void;
-}
+  loadAudio: (source?: AVPlaybackSource) => Promise<void>;
+  togglePlay: () => Promise<void>;
+  isPlaying: boolean;
+  duration: number;
+  position: number;
+  onValueChange: (value: number) => void;
+  onUnmount: () => void;
+};
 
-const AudioContext = createContext(
-    {
-        loadAudio:  async  (source?: AVPlaybackSource) => {},
-        togglePlay: async () => {}, 
-        isPlaying: false, 
-        duration: 0, 
-        position: 0,
-        onValueChange: (value: number) => {}, 
-        onUnmount: () => {}
-    } as AudioContextType
-);
+const AudioContext = createContext({
+  loadAudio: async (source?: AVPlaybackSource) => {},
+  togglePlay: async () => {},
+  isPlaying: false,
+  duration: 0,
+  position: 0,
+  onValueChange: (value: number) => {},
+  onUnmount: () => {},
+} as AudioContextType);
 
 type AudioContextProviderProps = PropsWithChildren<{}>;
 
-export const AudioContextProvider = ({children}: AudioContextProviderProps) => {
-    const soundRef = useRef<Audio.Sound | null>(null);
-    const [isPlaying, setIsPlaying] = useState(false);
-    const [duration, setDuration] = useState(0);
-    const [position, setPosition] = useState(0);
+export const AudioContextProvider = ({
+  children,
+}: AudioContextProviderProps) => {
+  const soundRef = useRef<Audio.Sound | null>(null);
+  const [isPlaying, setIsPlaying] = useState(false);
+  const [duration, setDuration] = useState(0);
+  const [position, setPosition] = useState(0);
 
-    const onPlaybackStatusUpdate = (status: AVPlaybackStatus) => {
-        status.isLoaded && setPosition(status.positionMillis);
-    }
+  const onPlaybackStatusUpdate = (status: AVPlaybackStatus) => {
+    status.isLoaded && setPosition(status.positionMillis);
+  };
 
-    const onValueChange = (value: number) => {
-        if (soundRef.current) {
-            soundRef.current.setPositionAsync(value);
-        }
+  const onValueChange = (value: number) => {
+    if (soundRef.current) {
+      soundRef.current.setPositionAsync(value);
     }
+  };
 
-    const loadAudio = async (source?: AVPlaybackSource) => {
-        if (!source) return;
-        const { sound, status } = await Audio.Sound.createAsync(source, {
-            shouldPlay: false
-        });
-        if (status.isLoaded) {
-            sound.setOnPlaybackStatusUpdate(onPlaybackStatusUpdate);
-            setDuration(status.durationMillis || 0);
-            soundRef.current = sound;
-            setIsPlaying(status.isPlaying);
-            console.log('audio loaded');
-        }
+  const loadAudio = async (source?: AVPlaybackSource) => {
+    if (!source) return;
+    const { sound, status } = await Audio.Sound.createAsync(source, {
+      shouldPlay: false,
+    });
+    if (status.isLoaded) {
+      sound.setOnPlaybackStatusUpdate(onPlaybackStatusUpdate);
+      setDuration(status.durationMillis || 0);
+      soundRef.current = sound;
+      setIsPlaying(status.isPlaying);
     }
+  };
 
-    const togglePlay = async () => {
-        if (soundRef.current) {
-            if (isPlaying) {
-                await soundRef.current.pauseAsync();
-            } else {
-                await soundRef.current.playAsync();
-            }
-            setIsPlaying(!isPlaying);
-        }
+  const togglePlay = async () => {
+    if (soundRef.current) {
+      if (isPlaying) {
+        await soundRef.current.pauseAsync();
+      } else {
+        await soundRef.current.playAsync();
+      }
+      setIsPlaying(!isPlaying);
     }
+  };
 
-    const onUnmount = () => {
-        if (soundRef.current) {
-            soundRef.current.unloadAsync();
-        }
+  const onUnmount = () => {
+    if (soundRef.current) {
+      soundRef.current.unloadAsync();
     }
+  };
 
-    return (
-        <AudioContext.Provider value={{ loadAudio, togglePlay, isPlaying, duration, position, onValueChange, onUnmount}}>
-            {children}
-        </AudioContext.Provider>
-    );
-}
+  return (
+    <AudioContext.Provider
+      value={{
+        loadAudio,
+        togglePlay,
+        isPlaying,
+        duration,
+        position,
+        onValueChange,
+        onUnmount,
+      }}
+    >
+      {children}
+    </AudioContext.Provider>
+  );
+};
 
 export const useAudio = () => {
-    const context = useContext(AudioContext);
-    if (!context) {
-        throw new Error("useAudio must be used within an AudioContextProvider");
-    }
-    return context;
-}
\ No newline at end of file
+  const context = useContext(AudioContext);
+  if (!context) {
+    throw new Error("useAudio must be used within an AudioContextProvider");
+  }
+  return context;
+};
diff --git a/mobile/src/common/contexts/set_up_context.tsx b/mobile/src/common/contexts/set_up_context.tsx
index beea4d517186030bbc18c46a621e48514416a979..575de77ccb31912e6a7c0c22b3f44598307ce724 100644
--- a/mobile/src/common/contexts/set_up_context.tsx
+++ b/mobile/src/common/contexts/set_up_context.tsx
@@ -1,42 +1,49 @@
-import { PropsWithChildren, createContext, useContext, useEffect, useState } from "react";
-import * as SecureStore from 'expo-secure-store';
+import {
+  PropsWithChildren,
+  createContext,
+  useContext,
+  useEffect,
+  useState,
+} from "react";
+import * as SecureStore from "expo-secure-store";
 
 type SetUpContextType = {
-    isFirstTime: boolean;
-    setFirstTime: () => Promise<void>;
+  isFirstTime: boolean;
+  setFirstTime: () => Promise<void>;
 };
 
 type SetUpContextProviderProps = PropsWithChildren<{}>;
 
 const SetUpContext = createContext<SetUpContextType>({
-    isFirstTime: true,
-    setFirstTime: async () => {}
+  isFirstTime: true,
+  setFirstTime: async () => {},
 });
 
-export const SetUpContextProvider = ({ children }: SetUpContextProviderProps) => {
-    console.log((SecureStore.getItem('isFirstTime') === 'false' ? false : true)+" Value");
-    const [isFirstTime, setIsFirstTime] = useState(SecureStore.getItem('isFirstTime') === 'false' ? false : true);
-    const setFirstTime = async () => {
-        await SecureStore.setItemAsync('isFirstTime', 'false');
-        setIsFirstTime(false);
-    };
+export const SetUpContextProvider = ({
+  children,
+}: SetUpContextProviderProps) => {
+  const [isFirstTime, setIsFirstTime] = useState(
+    SecureStore.getItem("isFirstTime") === "false" ? false : true
+  );
+  const setFirstTime = async () => {
+    await SecureStore.setItemAsync("isFirstTime", "false");
+    setIsFirstTime(false);
+  };
 
-    const value = {
-        isFirstTime,
-        setFirstTime
-    };
+  const value = {
+    isFirstTime,
+    setFirstTime,
+  };
 
-    return (
-        <SetUpContext.Provider value={value}>
-            {children}
-        </SetUpContext.Provider>
-    );
+  return (
+    <SetUpContext.Provider value={value}>{children}</SetUpContext.Provider>
+  );
 };
 
 export const useSetUp = () => {
-    const context = useContext(SetUpContext);
-    if (context === undefined) {
-        throw new Error('useSetUp must be used within a SetUpContextProvider');
-    }
-    return context;
-}
\ No newline at end of file
+  const context = useContext(SetUpContext);
+  if (context === undefined) {
+    throw new Error("useSetUp must be used within a SetUpContextProvider");
+  }
+  return context;
+};
diff --git a/mobile/src/common/hooks/useAnimatedSelectedIndex.ts b/mobile/src/common/hooks/useAnimatedSelectedIndex.ts
index 4c2f8549e5c195644ec5f9ce99ea117e063cfdd5..8fd74497b85c2850074e05d4a320e4977e4a62e5 100644
--- a/mobile/src/common/hooks/useAnimatedSelectedIndex.ts
+++ b/mobile/src/common/hooks/useAnimatedSelectedIndex.ts
@@ -1,7 +1,10 @@
 import { useCallback, useEffect, useRef, useState } from "react";
 import { Animated } from "react-native";
 
-export const useAnimatedSelectedIndex = (startMilliseconds: number = 500, endMilliseconds: number = 500) => {
+export const useAnimatedSelectedIndex = (
+  startMilliseconds: number = 500,
+  endMilliseconds: number = 500
+) => {
   const selectedState = useRef(0);
   const [selectedStateIndex, setSelectedStateIndex] = useState(0);
 
@@ -11,7 +14,6 @@ export const useAnimatedSelectedIndex = (startMilliseconds: number = 500, endMil
     if (index !== selectedState.current) {
       setTimeout(() => {}, 100);
       if (index == selectedState.current) return;
-      console.log("Index changed to: ", index);
       selectedState.current = index;
       Animated.timing(backgroundImageAnimation, {
         toValue: -300,
diff --git a/mobile/src/common/hooks/useDownloadFile.ts b/mobile/src/common/hooks/useDownloadFile.ts
index 5509553aaa82d6ac6d151b2f09b5715bc2dd29f2..8683c3144175f8621a0790ceff482df892a7f066 100644
--- a/mobile/src/common/hooks/useDownloadFile.ts
+++ b/mobile/src/common/hooks/useDownloadFile.ts
@@ -1,27 +1,29 @@
-import * as FileSystem from 'expo-file-system';
-import { useGalery } from './useGalery';
-import { useState } from 'react';
-import { ApiRequestStatus } from '../const/api_request_states';
-import { set } from 'react-hook-form';
-import * as ExpoCrypto from 'expo-crypto';
+import * as FileSystem from "expo-file-system";
+import { useGalery } from "./useGalery";
+import { useState } from "react";
+import { ApiRequestStatus } from "../const/api_request_states";
+import { set } from "react-hook-form";
+import * as ExpoCrypto from "expo-crypto";
 
 const TRAVEL_ALBUM = "Magic Towns Travel";
 
 export const useDownloadFile = () => {
-    const { saveToGalery } = useGalery();
-    const [requestStatus, setRequestStatus] = useState(ApiRequestStatus.IDLE);
-    const setLoading = async () => setRequestStatus(ApiRequestStatus.LOADING);
-    const handleDownload = async (url: string) => {
-        try {
-            await setLoading();
-            const { uri } = await FileSystem.downloadAsync(url, FileSystem.documentDirectory + `${ExpoCrypto.randomUUID()}.jpg`);
-            await saveToGalery(uri, TRAVEL_ALBUM);
-            setRequestStatus(ApiRequestStatus.SUCCESS);
-        } catch (error) {
-            console.log("Error downloading file: " + error);
-            setRequestStatus(ApiRequestStatus.ERROR);
-        }
+  const { saveToGalery } = useGalery();
+  const [requestStatus, setRequestStatus] = useState(ApiRequestStatus.IDLE);
+  const setLoading = async () => setRequestStatus(ApiRequestStatus.LOADING);
+  const handleDownload = async (url: string) => {
+    try {
+      await setLoading();
+      const { uri } = await FileSystem.downloadAsync(
+        url,
+        FileSystem.documentDirectory + `${ExpoCrypto.randomUUID()}.jpg`
+      );
+      await saveToGalery(uri, TRAVEL_ALBUM);
+      setRequestStatus(ApiRequestStatus.SUCCESS);
+    } catch (error) {
+      setRequestStatus(ApiRequestStatus.ERROR);
     }
+  };
 
-    return { handleDownload, saveFileStatus: requestStatus };
-}
\ No newline at end of file
+  return { handleDownload, saveFileStatus: requestStatus };
+};
diff --git a/mobile/src/common/hooks/useGalery.ts b/mobile/src/common/hooks/useGalery.ts
index 760d8d0658a3215c58bac35d98c34b7e30929adb..4c432378f1f9591b22eb1005daca7219d8c264f3 100644
--- a/mobile/src/common/hooks/useGalery.ts
+++ b/mobile/src/common/hooks/useGalery.ts
@@ -1,27 +1,24 @@
-import * as MediaLibrary from 'expo-media-library';
+import * as MediaLibrary from "expo-media-library";
 
 export const useGalery = () => {
-    const [permissionResponse, requestPermission] = MediaLibrary.usePermissions();
+  const [permissionResponse, requestPermission] = MediaLibrary.usePermissions();
 
-    const checkPermission = async () => {
-        if (permissionResponse?.status !== 'granted') {
-            await requestPermission();
-        }
+  const checkPermission = async () => {
+    if (permissionResponse?.status !== "granted") {
+      await requestPermission();
     }
+  };
 
-    const saveToGalery = async (uri: string, album: string) => {
-        try {
-            await checkPermission();
-            if (permissionResponse?.status !== 'granted') {
-                return;
-            }
-            const asset = await MediaLibrary.createAssetAsync(uri);
-            const result = await MediaLibrary.createAlbumAsync(album, asset, false);
-            console.log("Saved to galery: " + result);
-        } catch (error) {
-            console.log("Error saving to galery: " + error);
-        }
-    }
+  const saveToGalery = async (uri: string, album: string) => {
+    try {
+      await checkPermission();
+      if (permissionResponse?.status !== "granted") {
+        return;
+      }
+      const asset = await MediaLibrary.createAssetAsync(uri);
+      const result = await MediaLibrary.createAlbumAsync(album, asset, false);
+    } catch (error) {}
+  };
 
-    return { saveToGalery };
-}
\ No newline at end of file
+  return { saveToGalery };
+};
diff --git a/mobile/src/common/hooks/useGet.ts b/mobile/src/common/hooks/useGet.ts
index c6fffae5bf5359be11a2904fc78f239764b0b8bb..d1d44991426bea3e1952507e2ba6ad63ac72572e 100644
--- a/mobile/src/common/hooks/useGet.ts
+++ b/mobile/src/common/hooks/useGet.ts
@@ -3,34 +3,29 @@ import { set } from "react-hook-form";
 import { ApiRequestStatus } from "../const/api_request_states";
 
 export const useGet = <T>(callback: () => Promise<T>) => {
-    const [data, setData] = useState<T | null>(null);
-    const [requestStatus, setRequestStatus] = useState(ApiRequestStatus.LOADING);
+  const [data, setData] = useState<T | null>(null);
+  const [requestStatus, setRequestStatus] = useState(ApiRequestStatus.LOADING);
 
-    const setLoading = async () => setRequestStatus(ApiRequestStatus.LOADING);
+  const setLoading = async () => setRequestStatus(ApiRequestStatus.LOADING);
 
-    const fetchData = async () => {
-        try {
-            await setLoading();
-            console.log("Fetching data...");
-            const response = await callback();
-            console.log("Data fetched: "+response);
-            setData(response);
-            console.log("Data set: "+data);
-            setRequestStatus(ApiRequestStatus.SUCCESS);
-            console.log("Request status set: "+requestStatus);
-        } catch (error) {
-            console.log("Error fetching data: "+error);
-            setRequestStatus(ApiRequestStatus.ERROR);
-        }
-    };
+  const fetchData = async () => {
+    try {
+      await setLoading();
+      const response = await callback();
+      setData(response);
+      setRequestStatus(ApiRequestStatus.SUCCESS);
+    } catch (error) {
+      setRequestStatus(ApiRequestStatus.ERROR);
+    }
+  };
 
-    useEffect(() => { 
-        fetchData();
-    }, []);
+  useEffect(() => {
+    fetchData();
+  }, []);
 
-    const refresh = async () => {
-        fetchData();
-    }
+  const refresh = async () => {
+    fetchData();
+  };
 
-    return { data, requestStatus, refresh };
-}
\ No newline at end of file
+  return { data, requestStatus, refresh };
+};
diff --git a/mobile/src/common/utils/time.ts b/mobile/src/common/utils/time.ts
index 43be4fbda34b24886ce9f141fcb4c9f54920b24d..fc8b80ebb59d6c5507f98c57dba5f97f48395d28 100644
--- a/mobile/src/common/utils/time.ts
+++ b/mobile/src/common/utils/time.ts
@@ -1,16 +1,24 @@
 export const millisecondsToHourFormat = (milliseconds: number) => {
-    let totalSeconds = Math.floor(milliseconds / 1000);
-    
-    let hours = Math.floor(totalSeconds / 3600);
-    totalSeconds %= 3600;
-    let minutes = Math.floor(totalSeconds / 60);
-    let seconds = totalSeconds % 60;
+  let totalSeconds = Math.floor(milliseconds / 1000);
 
-    const formattedTime = [
-      hours.toString().padStart(2, '0'),
-      minutes.toString().padStart(2, '0'),
-      seconds.toString().padStart(2, '0')
-    ].join(':');
-    
-    return formattedTime;
-  }
\ No newline at end of file
+  let hours = Math.floor(totalSeconds / 3600);
+  totalSeconds %= 3600;
+  let minutes = Math.floor(totalSeconds / 60);
+  let seconds = totalSeconds % 60;
+
+  const formattedTime = [
+    hours.toString().padStart(2, "0"),
+    minutes.toString().padStart(2, "0"),
+    seconds.toString().padStart(2, "0"),
+  ].join(":");
+
+  return formattedTime;
+};
+
+export const formatToDDMMYYYY = (date: Date) => {
+  return `${date.getDate()}/${date.getMonth() + 1}/${date.getFullYear()}`;
+};
+
+export const hourToFormattedString = (hour: number) => {
+  return `${hour.toString().padStart(2, "0")}:00`;
+};
diff --git a/mobile/src/lang/english_lang.ts b/mobile/src/lang/english_lang.ts
index f433c8effb7a7ca807b2e8cd71a661499a11cb61..3ccc01d479644a587de47820bacc27e19e007e5f 100644
--- a/mobile/src/lang/english_lang.ts
+++ b/mobile/src/lang/english_lang.ts
@@ -1,72 +1,92 @@
 import { Lang } from "./lang";
 
 export const ENGLISH_LANG: Lang = {
-    loginScreen:{
-        title: "Login",
-        loginButton: "Login",
-        registerButton: "Register",
-    },
-    registerScreen:{
-        title: "Register",
-        loginButton: "Login",
-        registerButton: "Register",
-    },
-    homeScreen:{
-        title: "Home",
-    },
-    travelHistoryScreen:{
-        title: "Travel history",
-        activeTravelsLabel: "Active travels",
-        pastTravelsLabel: "Past travels",
-        noTravelsLabel: "No travels",
-    },
-    accountScreen:{
-        title: "Account",
-        logoutButton: "Logout",
-        changePasswordButton: "Change password",
-        changeLanguageButton: "Change App Language",
-        selectLanguage: "Select language",
-        saveButton: "Save",
-    },
-    changePasswordScreen:{
-        title: "Change password",
-        saveButton: "Save",
-    },
-    selectTownScreen:{
-        title: "Select Town",
-    },
-    selectTownActivityScreen:{
-        title: "Select Activity",
-        generateRouteButton: "Generate route",
-    },
-    activityInfoScreen:{
-        doActivityButton: "Do activity",
-    },
-    scanScreen:{
-        title: "Scan QR code",
-    },
-    tabBar:{
-        homeLabel: "Home",
-        travelHistoryLabel: "Travel history",
-        accountLabel: "Account",
-    },
-    forms : {
-        email: "Email",
-        password: "Password",
-        confirmPassword: "Confirm password",
-        name: "Name",
-        lastName: "Last name",
-        dateOfBirth: "Date of birth",
-    },
-    formsErrors : {
-        invalidEmailFormat: "Invalid email format",
-        requiredField: "Required field",
-        passwordNotMatch: "Passwords do not match",
-        emailAlreadyInUse: "Email already in use",
-    },
-    common : {
-        or: "or",
-        descriptionLabel: "Description",
-        showMore: "Show more",
-    }
-}
\ No newline at end of file
+  loginScreen: {
+    title: "Login",
+    loginButton: "Login",
+    registerButton: "Register",
+  },
+  registerScreen: {
+    title: "Register",
+    loginButton: "Login",
+    registerButton: "Register",
+  },
+  homeScreen: {
+    title: "Home",
+  },
+  travelHistoryScreen: {
+    title: "Travel history",
+    activeTravelsLabel: "Active travels",
+    pastTravelsLabel: "Past travels",
+    noTravelsLabel: "No travels",
+  },
+  accountScreen: {
+    title: "Account",
+    logoutButton: "Logout",
+    changePasswordButton: "Change password",
+    changeLanguageButton: "Change App Language",
+    changeMyInterestsButton: "Change my interests",
+    aboutUsButton: "About the app",
+    selectLanguage: "Select language",
+    saveButton: "Save",
+  },
+  changePasswordScreen: {
+    title: "Change password",
+    saveButton: "Save",
+  },
+  selectTownScreen: {
+    title: "Select Town",
+    descriptionText: "Description",
+  },
+  selectTownActivityScreen: {
+    title: "Select Activity",
+    generateRouteButton: "Generate route",
+  },
+  activityInfoScreen: {
+    doActivityButton: "Do activity",
+    descriptionText: "Description",
+    showMoreButton: "Show more",
+    showLessButton: "Show less",
+    noDesciptionFound: "No description found",
+  },
+  scanScreen: {
+    title: "Scan QR code",
+  },
+  tabBar: {
+    homeLabel: "Home",
+    travelHistoryLabel: "Travel history",
+    accountLabel: "Account",
+  },
+  forms: {
+    email: "Email",
+    password: "Password",
+    confirmPassword: "Confirm password",
+    name: "Name",
+    lastName: "Last name",
+    dateOfBirth: "Date of birth",
+    startTime: "Start time",
+    endTime: "End time",
+  },
+  generateRouteScreen: {
+    title: "Generate route",
+    descriptionText: "Description",
+    generateRouteButton: "Generate route",
+  },
+  routePreviewScreen: {
+    title: "Route preview",
+    startDayLabel: "Start day",
+    endDayLabel: "End day",
+    saveRouteButton: "Save route",
+  },
+  formsErrors: {
+    invalidEmailFormat: "Invalid email format",
+    requiredField: "Required field",
+    passwordNotMatch: "Passwords do not match",
+    emailAlreadyInUse: "Email already in use",
+  },
+  common: {
+    or: "or",
+    descriptionLabel: "Description",
+    showMore: "Show more",
+  },
+};
diff --git a/mobile/src/lang/lang.ts b/mobile/src/lang/lang.ts
index e4dff6305e419bf747aabd1dd8266722cd9a250d..ddee8e049bc11fcbb91c5cde73222918f65d8e0b 100644
--- a/mobile/src/lang/lang.ts
+++ b/mobile/src/lang/lang.ts
@@ -1,71 +1,90 @@
 export interface Lang {
-    loginScreen:{
-        title: string;
-        loginButton: string;
-        registerButton: string;
-    },
-    registerScreen:{
-        title: string;
-        loginButton: string;
-        registerButton: string;
-    },
-    homeScreen:{
-        title: string;
-    },
-    travelHistoryScreen:{
-        title: string;
-        activeTravelsLabel: string;
-        pastTravelsLabel: string;
-        noTravelsLabel: string;
-    },
-    accountScreen:{
-        title: string;
-        logoutButton: string;
-        changeLanguageButton: string;
-        changePasswordButton: string;
-        selectLanguage: string;
-        saveButton: string;
-    },
-    changePasswordScreen:{
-        title: string;
-        saveButton: string;
-    },
-    selectTownScreen:{
-        title: string;
-    },
-    selectTownActivityScreen:{
-        title: string;
-        generateRouteButton: string;
-    },
-    activityInfoScreen:{
-        doActivityButton: string;
-    },
-    scanScreen:{
-        title: string;
-    },
-    tabBar:{
-        homeLabel: string;
-        travelHistoryLabel: string;
-        accountLabel: string;
-    },
-    forms : {
-        email: string;
-        password: string;
-        confirmPassword: string;
-        name: string;
-        lastName: string;
-        dateOfBirth: string;
-    },
-    formsErrors : {
-        invalidEmailFormat: string;
-        requiredField: string;
-        passwordNotMatch: string;
-        emailAlreadyInUse: string;
-    },
-    common : {
-        or: string;
-        descriptionLabel: string;
-        showMore: string;
-    }
+  loginScreen: {
+    title: string;
+    loginButton: string;
+    registerButton: string;
+  };
+  registerScreen: {
+    title: string;
+    loginButton: string;
+    registerButton: string;
+  };
+  homeScreen: {
+    title: string;
+  };
+  travelHistoryScreen: {
+    title: string;
+    activeTravelsLabel: string;
+    pastTravelsLabel: string;
+    noTravelsLabel: string;
+  };
+  accountScreen: {
+    title: string;
+    logoutButton: string;
+    changeLanguageButton: string;
+    changePasswordButton: string;
+    changeMyInterestsButton: string;
+    aboutUsButton: string;
+    selectLanguage: string;
+    saveButton: string;
+  };
+  changePasswordScreen: {
+    title: string;
+    saveButton: string;
+  };
+  selectTownScreen: {
+    title: string;
+    descriptionText: string;
+  };
+  selectTownActivityScreen: {
+    title: string;
+    generateRouteButton: string;
+  };
+  activityInfoScreen: {
+    doActivityButton: string;
+    descriptionText: string;
+    showMoreButton: string;
+    showLessButton: string;
+    noDesciptionFound: string;
+  };
+  scanScreen: {
+    title: string;
+  };
+  generateRouteScreen: {
+    title: string;
+    descriptionText: string;
+    generateRouteButton: string;
+  };
+  routePreviewScreen: {
+    title: string;
+    startDayLabel: string;
+    endDayLabel: string;
+    saveRouteButton: string;
+  };
+  tabBar: {
+    homeLabel: string;
+    travelHistoryLabel: string;
+    accountLabel: string;
+  };
+  forms: {
+    email: string;
+    password: string;
+    confirmPassword: string;
+    name: string;
+    lastName: string;
+    dateOfBirth: string;
+    startTime: string;
+    endTime: string;
+  };
+  formsErrors: {
+    invalidEmailFormat: string;
+    requiredField: string;
+    passwordNotMatch: string;
+    emailAlreadyInUse: string;
+  };
+  common: {
+    or: string;
+    descriptionLabel: string;
+    showMore: string;
+  };
 }
-        
\ No newline at end of file
diff --git a/mobile/src/lang/spanish_lang.ts b/mobile/src/lang/spanish_lang.ts
index e74e205a7fe0b6f0e320412aaa79b252c3cdb3ab..9ad2cb5ffeb9497670f7703106e12f7c3d314d30 100644
--- a/mobile/src/lang/spanish_lang.ts
+++ b/mobile/src/lang/spanish_lang.ts
@@ -1,72 +1,92 @@
 import { Lang } from "./lang";
 
 export const SPANISH_LANG: Lang = {
-    loginScreen:{
-        title: "Iniciar sesión",
-        loginButton: "Iniciar sesión",
-        registerButton: "Registrarse",
-    },
-    registerScreen:{
-        title: "Registrarse",
-        loginButton: "Iniciar sesión",
-        registerButton: "Registrarse",
-    },
-    homeScreen:{
-        title: "Inicio",
-    },
-    travelHistoryScreen:{
-        title: "Historial de viajes",
-        activeTravelsLabel: "Viajes activos",
-        pastTravelsLabel: "Viajes pasados",
-        noTravelsLabel: "No hay viajes",
-    },
-    accountScreen:{
-        title: "Cuenta",
-        logoutButton: "Cerrar sesión",
-        changePasswordButton: "Cambiar contraseña",
-        changeLanguageButton: "Cambiar idioma de la aplicación",
-        selectLanguage: "Seleccionar idioma",
-        saveButton: "Guardar",
-    },
-    changePasswordScreen:{
-        title: "Cambiar contraseña",
-        saveButton: "Guardar",
-    },
-    selectTownScreen:{
-        title: "Seleccionar Pueblo",
-    },
-    selectTownActivityScreen:{
-        title: "Seleccionar Actividad",
-        generateRouteButton: "Generar ruta",
-    },
-    activityInfoScreen:{
-        doActivityButton: "Hacer actividad",
-    },
-    scanScreen:{
-        title: "Escanear código QR",
-    },
-    tabBar:{
-        homeLabel: "Inicio",
-        travelHistoryLabel: "Historial de viajes",
-        accountLabel: "Cuenta",
-    },
-    forms : {
-        email: "Correo electrónico",
-        password: "Contraseña",
-        confirmPassword: "Confirmar contraseña",
-        name: "Nombre",
-        lastName: "Apellido",
-        dateOfBirth: "Fecha de nacimiento",
-    },
-    formsErrors : {
-        invalidEmailFormat: "Formato de correo electrónico inválido",
-        requiredField: "Campo requerido",
-        passwordNotMatch: "Las contraseñas no coinciden",
-        emailAlreadyInUse: "Correo electrónico ya en uso",
-    },
-    common : {
-        or: "o",
-        descriptionLabel: "Descripción",
-        showMore: "Mostrar más",
-    }
-};
\ No newline at end of file
+  loginScreen: {
+    title: "Iniciar sesión",
+    loginButton: "Iniciar sesión",
+    registerButton: "Registrarse",
+  },
+  registerScreen: {
+    title: "Registrarse",
+    loginButton: "Iniciar sesión",
+    registerButton: "Registrarse",
+  },
+  homeScreen: {
+    title: "Inicio",
+  },
+  travelHistoryScreen: {
+    title: "Historial de viajes",
+    activeTravelsLabel: "Viajes activos",
+    pastTravelsLabel: "Viajes pasados",
+    noTravelsLabel: "No hay viajes",
+  },
+  accountScreen: {
+    title: "Cuenta",
+    logoutButton: "Cerrar sesión",
+    changePasswordButton: "Cambiar contraseña",
+    changeLanguageButton: "Cambiar idioma de la aplicación",
+    changeMyInterestsButton: "Cambiar mis intereses",
+    aboutUsButton: "Acerca de la aplicación",
+    selectLanguage: "Seleccionar idioma",
+    saveButton: "Guardar",
+  },
+  changePasswordScreen: {
+    title: "Cambiar contraseña",
+    saveButton: "Guardar",
+  },
+  selectTownScreen: {
+    title: "Seleccionar Pueblo",
+    descriptionText: "Descripción",
+  },
+  selectTownActivityScreen: {
+    title: "Seleccionar Actividad",
+    generateRouteButton: "Generar ruta",
+  },
+  activityInfoScreen: {
+    doActivityButton: "Hacer actividad",
+    descriptionText: "Descripción",
+    showMoreButton: "Mostrar más",
+    showLessButton: "Mostrar menos",
+    noDesciptionFound: "No se encontró la descripción del lugar",
+  },
+  scanScreen: {
+    title: "Escanear código QR",
+  },
+  generateRouteScreen: {
+    title: "Generar ruta",
+    descriptionText: "Descripción",
+    generateRouteButton: "Generar ruta",
+  },
+  routePreviewScreen: {
+    title: "Vista previa de la ruta",
+    startDayLabel: "Día de inicio",
+    endDayLabel: "Día de finalización",
+    saveRouteButton: "Guardar ruta",
+  },
+  tabBar: {
+    homeLabel: "Inicio",
+    travelHistoryLabel: "Historial de viajes",
+    accountLabel: "Cuenta",
+  },
+  forms: {
+    email: "Correo electrónico",
+    password: "Contraseña",
+    confirmPassword: "Confirmar contraseña",
+    name: "Nombre",
+    lastName: "Apellido",
+    dateOfBirth: "Fecha de nacimiento",
+    endTime: "Hora de finalización",
+    startTime: "Hora de inicio",
+  },
+  formsErrors: {
+    invalidEmailFormat: "Formato de correo electrónico inválido",
+    requiredField: "Campo requerido",
+    passwordNotMatch: "Las contraseñas no coinciden",
+    emailAlreadyInUse: "Correo electrónico ya en uso",
+  },
+  common: {
+    or: "o",
+    descriptionLabel: "Descripción",
+    showMore: "Mostrar más",
+  },
+};
diff --git a/mobile/src/place/infrastructure/datasources/prod/state_datasource.ts b/mobile/src/place/infrastructure/datasources/prod/state_datasource.ts
index 2a47258a7dc21687dc83ba305fa6c7be6f9496bd..37a4f33b1285a51f1673bf2dc1c12857f0cf239f 100644
--- a/mobile/src/place/infrastructure/datasources/prod/state_datasource.ts
+++ b/mobile/src/place/infrastructure/datasources/prod/state_datasource.ts
@@ -12,41 +12,47 @@ import { ActivityModel } from "../../../../activity/infrastructure/models/activi
 import { API_URL } from "../../../../common/const/api";
 
 export class StateDataSourceProd implements StateDataSource {
-    private lang: string;
-    constructor(lang: string = 'es') {
-        this.lang = lang;
+  private lang: string;
+  constructor(lang: string = "es") {
+    this.lang = lang;
+  }
+  async getStates(): Promise<StateEntity[]> {
+    const { status, data } = await axios.get<StateModel[]>(API_URL + "/state");
+    if (status !== 200) {
+      throw new Error("Error fetching states");
     }
-    async getStates(): Promise<StateEntity[]> {
-        const {status, data} = await axios.get<StateModel[]>(API_URL + '/state');
-        if (status !== 200) {
-            throw new Error('Error fetching states');
-        }
-        return data.map(stateModelToEntity);
+    return data.map(stateModelToEntity);
+  }
+  async getTowns(stateId: number): Promise<TownEntity[]> {
+    const { status, data } = await axios.get<TownModel[]>(
+      `${API_URL}/state/${stateId}/town?lang=${this.lang}`
+    );
+    if (status !== 200) {
+      throw new Error("Error fetching towns");
     }
-    async getTowns(stateId: number): Promise<TownEntity[]> {
-        const {status, data} = await axios.get<TownModel[]>(`${API_URL}/state/${stateId}/town?lang=${this.lang}`);
-        if (status !== 200) {
-            throw new Error('Error fetching towns');
-        }
-        return data.map(townModelToEntity);
+    return data.map(townModelToEntity);
+  }
+  async getTownActivities(townId: number): Promise<ActivityInfoEntity[]> {
+    const { status, data } = await axios.get<ActivityModel[]>(
+      `${API_URL}/place/town/${townId}/place?lang=${this.lang}`
+    );
+    if (status !== 200) {
+      throw new Error("Error fetching activities");
     }
-    async getTownActivities(townId: number): Promise<ActivityInfoEntity[]> {
-        console.log('townId', townId);
-        const {status, data} = await axios.get<ActivityModel[]>(`${API_URL}/place/town/${townId}/place?lang=${this.lang}`);
-        if (status !== 200) {
-            throw new Error('Error fetching activities');
-        }
-        console.log('data', data);
-        return data.map(placeModelToEntity);
+    console.log("data", data);
+    return data.map(placeModelToEntity);
+  }
+  async getActivityInfo(
+    activityId: number
+  ): Promise<ActivityInfoEntity | undefined> {
+    // TODO: get lang from user preferences
+    // TODO: get townId from user preferences
+    const { status, data } = await axios.get<ActivityModel>(
+      `${API_URL}/place/${activityId}?lang=${this.lang}`
+    );
+    if (status !== 200) {
+      throw new Error("Error fetching activity");
     }
-    async getActivityInfo(activityId: number): Promise<ActivityInfoEntity | undefined> {
-        // TODO: get lang from user preferences
-        // TODO: get townId from user preferences
-        const {status, data} = await axios.get<ActivityModel>(`${API_URL}/place/${activityId}?lang=${this.lang}`);
-        if (status !== 200) {
-            throw new Error('Error fetching activity');
-        }
-        return placeModelToEntity(data);
-    }
-
-}
\ No newline at end of file
+    return placeModelToEntity(data);
+  }
+}
diff --git a/mobile/src/place/screens/town_activities_page.tsx b/mobile/src/place/screens/town_activities_page.tsx
index bc57b7413419bbbf66105f40371d1e2f75e8373d..7a5c88ae254a5f8dc7918123b6a82ff1155c8067 100644
--- a/mobile/src/place/screens/town_activities_page.tsx
+++ b/mobile/src/place/screens/town_activities_page.tsx
@@ -15,6 +15,7 @@ import { router } from "expo-router";
 import { FloatingEndActionButton } from "../../common/components/floating_end_action_button";
 import { useState } from "react";
 import { useGetActivities } from "../../activity/hooks/useGetActivities";
+import { useTranslation } from "react-i18next";
 
 interface TownActivitiesPageProps {
   townId: number;
@@ -26,6 +27,7 @@ export const TownActivitiesPage = ({
   stateId,
 }: TownActivitiesPageProps) => {
   const { activities, requestStatus } = useGetActivities(townId);
+  const { t } = useTranslation();
 
   if (requestStatus === ApiRequestStatus.LOADING) {
     return <FullPageLoader />;
@@ -61,7 +63,7 @@ export const TownActivitiesPage = ({
       />
       <FloatingEndActionButton
         onPress={handleGenerateRoute}
-        title="Generate Route"
+        title={t("selectTownActivityScreen.generateRouteButton")}
       />
     </View>
   );
diff --git a/mobile/src/place/screens/town_selection_page.tsx b/mobile/src/place/screens/town_selection_page.tsx
index 25109ccf892d32f1136c43388415e53b27b116fe..d31f98a0bdbed88e5bdfb38211d1ac965f8b8ee0 100644
--- a/mobile/src/place/screens/town_selection_page.tsx
+++ b/mobile/src/place/screens/town_selection_page.tsx
@@ -10,6 +10,7 @@ import { AnimatedBackground } from "../../common/components/animated_background"
 import BottomSheet, { BottomSheetView } from "@gorhom/bottom-sheet";
 import { ErrorPage } from "../../common/screens/error_page";
 import { pageStyles } from "../../common/styles/page_styles";
+import { useTranslation } from "react-i18next";
 
 interface TownSelectionPageProps {
   stateId: number;
@@ -21,6 +22,7 @@ export const TownSelectionPage = ({ stateId }: TownSelectionPageProps) => {
   const { data, requestStatus, refresh } = useGetTowns(stateId);
   const { selectedStateIndex, onIndexChange, backgroundImageAnimation } =
     useAnimatedSelectedIndex(200, 200);
+  const LANG = useTranslation();
 
   if (requestStatus === ApiRequestStatus.LOADING) {
     return (
@@ -31,9 +33,7 @@ export const TownSelectionPage = ({ stateId }: TownSelectionPageProps) => {
   }
 
   if (requestStatus === ApiRequestStatus.ERROR || !data) {
-    return (
-      <ErrorPage refresh={refresh} />
-    );
+    return <ErrorPage refresh={refresh} />;
   }
 
   if (data.length === 0) {
@@ -62,7 +62,9 @@ export const TownSelectionPage = ({ stateId }: TownSelectionPageProps) => {
       {data[selectedStateIndex].description && (
         <BottomSheet snapPoints={snapPoints}>
           <BottomSheetView style={styles.container}>
-            <Text style={styles.description_text}>Description</Text>
+            <Text style={styles.description_text}>
+              {LANG.t("selectTownScreen.descriptionText")}
+            </Text>
             <Text>{data[selectedStateIndex].description}</Text>
           </BottomSheetView>
         </BottomSheet>
diff --git a/mobile/src/profile/screens/account_page.tsx b/mobile/src/profile/screens/account_page.tsx
index 670f936a4405f83318ded4e86da4c033854e594c..e42127d457a9ff4e71bc34dfc3f9bb6da7e6f055 100644
--- a/mobile/src/profile/screens/account_page.tsx
+++ b/mobile/src/profile/screens/account_page.tsx
@@ -40,7 +40,7 @@ export const AccountPage = () => {
           flex: 2,
         }}
       >
-        {/* <CustomTileButton
+        <CustomTileButton
           title="Edit user data"
           leadingIcon={
             <MaterialCommunityIcons
@@ -50,7 +50,7 @@ export const AccountPage = () => {
             />
           }
           onPress={() => router.push("/profile/edit")}
-        /> */}
+        />
         <CustomTileButton
           title={LANG.t("accountScreen.changePasswordButton")}
           leadingIcon={<MaterialIcons name="vpn-key" size={24} color="black" />}
@@ -67,12 +67,12 @@ export const AccountPage = () => {
         />
         <CustomTileButton
           //TODO: Add multilanguage support
-          title={"Change my interests"}
+          title={LANG.t("accountScreen.changeMyInterestsButton")}
           leadingIcon={<FontAwesome name="edit" size={24} color="black" />}
           onPress={() => router.push("/profile/interests")}
         />
         <CustomTileButton
-          title={`Acerca de la aplicación`}
+          title={LANG.t("accountScreen.aboutUsButton")}
           onPress={() => router.push("/about_us")}
           leadingIcon={
             <MaterialCommunityIcons
diff --git a/mobile/src/route/components/generate_route_form.tsx b/mobile/src/route/components/generate_route_form.tsx
index fa1e7f2489102e9461ddb25f6d755a1cfa331c5f..e7f889ae0b28e24ea9800b790f20db269a0bbfb8 100644
--- a/mobile/src/route/components/generate_route_form.tsx
+++ b/mobile/src/route/components/generate_route_form.tsx
@@ -3,12 +3,14 @@ import { View, StyleSheet } from "react-native";
 import { CustomTextInput } from "../../common/components/form/text_input";
 import { GenerateRouteFormValues } from "./../hooks/useGenerateRoute";
 import { DateTextInput } from "../../common/components/form/date_text_input";
+import { useTranslation } from "react-i18next";
 
 interface GenerateRouteFormProps {
   control: Control<GenerateRouteFormValues, any>;
 }
 
 export const GenerateRouteForm = ({ control }: GenerateRouteFormProps) => {
+  const { t } = useTranslation();
   return (
     <View style={styles.mainContainer}>
       <Controller
@@ -20,7 +22,7 @@ export const GenerateRouteForm = ({ control }: GenerateRouteFormProps) => {
           formState: { errors },
         }) => (
           <DateTextInput
-            label="Start time"
+            label={t("forms.startTime")}
             value={value}
             onBlur={onBlur}
             onChangeText={(text) => onChange(text)}
@@ -41,7 +43,7 @@ export const GenerateRouteForm = ({ control }: GenerateRouteFormProps) => {
           formState: { errors },
         }) => (
           <DateTextInput
-            label="End time"
+            label={t("forms.endTime")}
             value={value}
             onBlur={onBlur}
             onChangeText={onChange}
diff --git a/mobile/src/route/components/route_activity_tile.tsx b/mobile/src/route/components/route_activity_tile.tsx
index d08682467df4e0ffa58897cd87d207d6314c91c9..fa7d67e0d1b7c5053dc7991e4fb155a187c1c8c4 100644
--- a/mobile/src/route/components/route_activity_tile.tsx
+++ b/mobile/src/route/components/route_activity_tile.tsx
@@ -39,16 +39,18 @@ export const RouteActivityTile = ({
           resizeMode="cover"
         />
         <View style={styles.activityInfoContainer}>
-          <Text style={styles.activityNameText} numberOfLines={1}>{activity.name}</Text>
+          <Text style={styles.activityNameText} numberOfLines={1}>
+            {activity.name}
+          </Text>
           <Text numberOfLines={1}>{activity.startTime.toISOString()}</Text>
           <Text numberOfLines={1}>{activity.location}</Text>
           <FlatList
             data={activity.tags}
-            style={{ position: "absolute", bottom: 0}}
+            style={{ position: "absolute", bottom: 0 }}
             keyExtractor={(index) => index.toString()}
             renderItem={({ item }) => <Text style={styles.tag}>{item}</Text>}
             horizontal
-            />
+          />
         </View>
       </View>
     </View>
@@ -99,5 +101,5 @@ const styles = StyleSheet.create({
     color: LIGHT_THEME.color.white,
     justifyContent: "center",
     alignItems: "center",
-  }
+  },
 });
diff --git a/mobile/src/route/domain/datasource/route_datasource.ts b/mobile/src/route/domain/datasource/route_datasource.ts
index 888fd8cc25a05ce495bba01a6284d6a38ed2dedc..537e77b07ab56d7d92ea97bd3280457f014759c5 100644
--- a/mobile/src/route/domain/datasource/route_datasource.ts
+++ b/mobile/src/route/domain/datasource/route_datasource.ts
@@ -1,11 +1,12 @@
 import { ActivityRouteEntity } from "../../../activity/domain/entities/activity_info_entity";
+import { RouteEntity } from "../entities/route";
 
 export interface RouteDataSource {
   generateRoute: (
     townId: number,
     startTime: number,
     endTime: number
-  ) => Promise<ActivityRouteEntity[]>;
-  getRoute: (routeId: number) => Promise<ActivityRouteEntity[]>;
+  ) => Promise<number>;
+  getRoute: (routeId: number) => Promise<RouteEntity>;
   saveRoute: (id: number) => Promise<void>;
 }
diff --git a/mobile/src/route/domain/entities/route.ts b/mobile/src/route/domain/entities/route.ts
new file mode 100644
index 0000000000000000000000000000000000000000..cb9046b956b80f53491d6f77ca78387d18d357c8
--- /dev/null
+++ b/mobile/src/route/domain/entities/route.ts
@@ -0,0 +1,9 @@
+import { ActivityRouteEntity } from "../../../activity/domain/entities/activity_info_entity";
+
+export interface RouteEntity {
+  endDate: Date;
+  idRoute: number;
+  startDate: Date;
+  status: string;
+  travelPlaces: ActivityRouteEntity[];
+}
diff --git a/mobile/src/route/domain/repositories/route_repository.ts b/mobile/src/route/domain/repositories/route_repository.ts
index 8264334ebff3d92fe594050d9d0b611f71245a93..dc39ebaea9d18cb5e48e2b1e58be5d7d9e0fde23 100644
--- a/mobile/src/route/domain/repositories/route_repository.ts
+++ b/mobile/src/route/domain/repositories/route_repository.ts
@@ -1,11 +1,12 @@
 import { ActivityRouteEntity } from "../../../activity/domain/entities/activity_info_entity";
+import { RouteEntity } from "../entities/route";
 
 export interface RouteRepository {
   generateRoute: (
     townId: number,
     startTime: number,
     endTime: number
-  ) => Promise<ActivityRouteEntity[]>;
-  getRoute: (routeId: number) => Promise<ActivityRouteEntity[]>;
+  ) => Promise<number>;
+  getRoute: (routeId: number) => Promise<RouteEntity>;
   saveRoute: (id: number) => Promise<void>;
 }
diff --git a/mobile/src/route/hooks/useGenerateRoute.tsx b/mobile/src/route/hooks/useGenerateRoute.tsx
index 5a049a7d34c764c793e8007f48a1d1d99b58e520..87d1d529445efb1c139c6dcc4d594af2b2b9e6e4 100644
--- a/mobile/src/route/hooks/useGenerateRoute.tsx
+++ b/mobile/src/route/hooks/useGenerateRoute.tsx
@@ -3,6 +3,7 @@ import { ActivityRouteEntity } from "../../activity/domain/entities/activity_inf
 import { useDataContext } from "../../common/contexts/data_context";
 import { useGet } from "../../common/hooks/useGet";
 import { GenerateRouteForm } from "./../components/generate_route_form";
+import { router } from "expo-router";
 
 export interface GenerateRouteFormValues {
   start: string;
@@ -23,16 +24,16 @@ export const useGenerateRoute = (townId: number) => {
     const [startHours] = start.split(":");
     const [endHours] = end.split(":");
     try {
-      console.log(startHours, endHours);
-      const route = await routeRepository!.generateRoute(townId, +start, +end);
-      console.log(route);
-    } catch (error) {
-      console.error(error);
-    }
+      const route = await routeRepository!.generateRoute(
+        townId,
+        +startHours,
+        +endHours
+      );
+      router.push(`/routes/generate_route?routeId=${route}`);
+    } catch (error) {}
   };
 
   const onSubmit = async () => {
-    console.log("submit");
     await handleSubmit(onValidSubmit, (errors) => {
       console.log(errors);
     })();
diff --git a/mobile/src/route/hooks/useGetRoute.ts b/mobile/src/route/hooks/useGetRoute.ts
new file mode 100644
index 0000000000000000000000000000000000000000..968cf2b5d926089cd9f3349e2f4805a49842c202
--- /dev/null
+++ b/mobile/src/route/hooks/useGetRoute.ts
@@ -0,0 +1,11 @@
+import { useDataContext } from "../../common/contexts/data_context";
+import { useGet } from "../../common/hooks/useGet";
+
+export const useGetRoute = (routeId: number) => {
+  const { routeRepository } = useDataContext();
+  const callback = () => {
+    return routeRepository!.getRoute(routeId);
+  };
+  const { data: route, requestStatus, refresh } = useGet(callback);
+  return { route, requestStatus, refresh };
+};
diff --git a/mobile/src/route/hooks/useGetRouteActivities.ts b/mobile/src/route/hooks/useGetRouteActivities.ts
index 0e9063f9369c303addff35661c5724f1e5fba29e..7db1968da3450203ec449b7822f7a76087b0b2a4 100644
--- a/mobile/src/route/hooks/useGetRouteActivities.ts
+++ b/mobile/src/route/hooks/useGetRouteActivities.ts
@@ -1,13 +1,24 @@
+import { useEffect, useState } from "react";
 import { ActivityRouteEntity } from "../../activity/domain/entities/activity_info_entity";
-import { useDataContext } from "../../common/contexts/data_context"
+import { useDataContext } from "../../common/contexts/data_context";
 import { useGet } from "../../common/hooks/useGet";
-
+import { RouteEntity } from "../domain/entities/route";
 
 export const useGetRouteActivities = (routeId: number) => {
-    const { routeRepository } = useDataContext();
-    const callback = () => {
-        return routeRepository!.getRoute(routeId);
+  const { routeRepository } = useDataContext();
+  const callback = async () => {
+    return await routeRepository!.getRoute(routeId);
+  };
+  const {
+    data: routeActivities,
+    requestStatus,
+    refresh,
+  } = useGet<RouteEntity>(callback);
+  const [activities, setActivities] = useState<ActivityRouteEntity[]>([]);
+  useEffect(() => {
+    if (routeActivities) {
+      setActivities([...routeActivities.travelPlaces]);
     }
-    const { data: routeActivities, requestStatus, refresh } = useGet<ActivityRouteEntity[]>(callback);
-    return { routeActivities, requestStatus, refresh };
-};
\ No newline at end of file
+  }, [routeActivities]);
+  return { activities, requestStatus, refresh };
+};
diff --git a/mobile/src/route/hooks/usePreviewRoute.ts b/mobile/src/route/hooks/usePreviewRoute.ts
new file mode 100644
index 0000000000000000000000000000000000000000..584ccafffc2fb835722c53b8724588b1caaa3d78
--- /dev/null
+++ b/mobile/src/route/hooks/usePreviewRoute.ts
@@ -0,0 +1,43 @@
+import { useEffect, useState } from "react";
+import { ApiRequestStatus } from "../../common/const/api_request_states";
+import { useDataContext } from "../../common/contexts/data_context";
+import { useGetRoute } from "./useGetRoute";
+import { router } from "expo-router";
+
+export const usePreviewRoute = (routeId: number) => {
+  const { requestStatus, route } = useGetRoute(routeId);
+  const { routeRepository } = useDataContext();
+  const [requestStatusSave, setRequestStatusSave] = useState<ApiRequestStatus>(
+    ApiRequestStatus.IDLE
+  );
+  const [mainRequestStatus, setMainRequestStatus] = useState<ApiRequestStatus>(
+    ApiRequestStatus.IDLE
+  );
+
+  useEffect(() => {
+    const requests = [requestStatus, requestStatusSave];
+    if (requests.every((request) => request === ApiRequestStatus.SUCCESS)) {
+      setMainRequestStatus(ApiRequestStatus.SUCCESS);
+    } else if (requests.some((request) => request === ApiRequestStatus.ERROR)) {
+      setMainRequestStatus(ApiRequestStatus.ERROR);
+    } else if (
+      requests.some((request) => request === ApiRequestStatus.LOADING)
+    ) {
+      setMainRequestStatus(ApiRequestStatus.LOADING);
+    } else {
+      setMainRequestStatus(ApiRequestStatus.IDLE);
+    }
+  }, [requestStatus, requestStatusSave]);
+
+  const saveRoute = async () => {
+    setRequestStatusSave(ApiRequestStatus.LOADING);
+    try {
+      await routeRepository!.saveRoute(routeId);
+      router.dismissAll();
+    } catch (error) {
+      setRequestStatusSave(ApiRequestStatus.ERROR);
+    }
+  };
+
+  return { mainRequestStatus, saveRoute, route };
+};
diff --git a/mobile/src/route/infrastructure/datasources/dev/route_datasource.ts b/mobile/src/route/infrastructure/datasources/dev/route_datasource.ts
index eb80e2529abfd4f7ba437d6a90ae8057706c248f..7b6417fc6756421426119f73c1cbed3ed7a6f823 100644
--- a/mobile/src/route/infrastructure/datasources/dev/route_datasource.ts
+++ b/mobile/src/route/infrastructure/datasources/dev/route_datasource.ts
@@ -3,6 +3,7 @@ import {
   ActivityRouteEntity,
 } from "../../../../activity/domain/entities/activity_info_entity";
 import { RouteDataSource } from "../../../domain/datasource/route_datasource";
+import { RouteEntity } from "../../../domain/entities/route";
 
 export class RouteDataSourceDev implements RouteDataSource {
   async saveRoute(id: number): Promise<void> {
@@ -14,44 +15,11 @@ export class RouteDataSourceDev implements RouteDataSource {
     townId: number,
     startTime: number,
     endTime: number
-  ): Promise<ActivityRouteEntity[]> {
-    return new Promise((resolve) => {
-      const filteredActivities = activities.filter(
-        (activity) => activity.townId === townId
-      );
-      const startDate = new Date();
-      const endDate = new Date();
-      return resolve(
-        filteredActivities.map((activity) => ({
-          ...activity,
-          coordinates: {
-            latitude: 37.78825,
-            longitude: -122.4324,
-          },
-          startTime: startDate,
-          endTime: endDate,
-          done: false,
-        }))
-      );
-    });
+  ): Promise<number> {
+    return 4;
   }
-  async getRoute(routeId: number): Promise<ActivityRouteEntity[]> {
-    return new Promise((resolve) => {
-      const startDate = new Date();
-      const endDate = new Date();
-      return resolve(
-        activities.map((activity) => ({
-          ...activity,
-          coordinates: {
-            latitude: 22.76843 + Math.random() * 0.1,
-            longitude: -102.58141 + Math.random() * 0.1,
-          },
-          startTime: startDate,
-          endTime: endDate,
-          done: false,
-        }))
-      );
-    });
+  async getRoute(routeId: number): Promise<RouteEntity> {
+    return {} as RouteEntity;
   }
 }
 
diff --git a/mobile/src/route/infrastructure/datasources/prod/route_datasource.ts b/mobile/src/route/infrastructure/datasources/prod/route_datasource.ts
index 8c9d231bffe03a51c90c7c2a8796bcfcb30cc0ea..9f01441c6d519336f26fe68dfcf111875a629f24 100644
--- a/mobile/src/route/infrastructure/datasources/prod/route_datasource.ts
+++ b/mobile/src/route/infrastructure/datasources/prod/route_datasource.ts
@@ -4,6 +4,8 @@ import { API_URL } from "../../../../common/const/api";
 import { activityRouteModelToActivityRouteEntity } from "../../utils/route_utils";
 import { RouteDataSource } from "../../../domain/datasource/route_datasource";
 import { ActivityRouteModel } from "../../model/route_activity_model";
+import { RouteEntity } from "../../../domain/entities/route";
+import { RouteModel } from "../../model/route_model";
 
 export class RouteDatasourceProd implements RouteDataSource {
   private readonly language: string;
@@ -22,27 +24,52 @@ export class RouteDatasourceProd implements RouteDataSource {
     townId: number,
     startTime: number,
     endTime: number
-  ): Promise<ActivityRouteEntity[]> {
-    const { data, status } = await axios.post(
+  ): Promise<number> {
+    const { data, status } = await axios.post<{ idRoute: number }>(
       `${API_URL}/route/${townId}?lang=${this.language}`,
       {
         start: startTime,
         end: endTime,
       }
     );
-    console.log(data);
+    console.info("Data loaded: ", data);
     if (status !== 201) {
       throw new Error("Error fetching route");
     }
 
-    return [];
+    return data.idRoute;
   }
-  async getRoute(routeId: number): Promise<ActivityRouteEntity[]> {
-    const { status, data } = await axios.get(`${API_URL}/route/${routeId}`);
+  async getRoute(routeId: number): Promise<RouteEntity> {
+    const { status, data } = await axios.get<RouteModel>(
+      `${API_URL}/route/${routeId}/${this.language}`
+    );
     if (status !== 200) {
       throw new Error("Error fetching route");
     }
-    return [];
+    console.info(data);
+    return {
+      idRoute: data.idRoute,
+      startDate: new Date(data.startDate),
+      endDate: new Date(data.endDate),
+      status: data.status,
+      travelPlaces: data.travelPlace.map((travelPlace) => {
+        return {
+          id: travelPlace.travelPlaceId,
+          name: travelPlace.place.name,
+          townId: data.town.townId,
+          imageUri: travelPlace.place.imageName,
+          location: travelPlace.place.address,
+          coordinates: {
+            latitude: +travelPlace.place.latitude,
+            longitude: +travelPlace.place.longitude,
+          },
+          tags: travelPlace.place.categories.map((category) => category.name),
+          startTime: new Date(travelPlace.startDate),
+          endTime: new Date(travelPlace.endDate),
+          done: travelPlace.done,
+        };
+      }),
+    };
   }
 }
 
diff --git a/mobile/src/route/infrastructure/model/route_model.ts b/mobile/src/route/infrastructure/model/route_model.ts
new file mode 100644
index 0000000000000000000000000000000000000000..1626494590b15ad23d7868d7073b5522abd51a95
--- /dev/null
+++ b/mobile/src/route/infrastructure/model/route_model.ts
@@ -0,0 +1,35 @@
+import { CategoryModel } from "../../../profile/infrastructure/model/categorie_model";
+
+export interface RouteModel {
+  town: {
+    townId: number;
+    name: string;
+    imageName: string;
+  };
+  endDate: string;
+  idRoute: number;
+  startDate: string;
+  status: string;
+  travelPlace: TravelPlace[];
+}
+
+export interface TravelPlace {
+  done: boolean;
+  endDate: string;
+  place: PlaceRouteModel;
+  startDate: string;
+  travelPlaceId: number;
+}
+
+export interface PlaceRouteModel {
+  address: string;
+  available: string;
+  closeAt: number;
+  idPlace: number;
+  imageName: string;
+  latitude: string;
+  longitude: string;
+  name: string;
+  openAt: number;
+  categories: CategoryModel[];
+}
diff --git a/mobile/src/route/screens/generate_route_screen.tsx b/mobile/src/route/screens/generate_route_screen.tsx
index 9a9cf59e60cb5d3a6b52223fcedac3002660ddb6..a2aa1c0a592530f3ff408deb166734230d1f6a71 100644
--- a/mobile/src/route/screens/generate_route_screen.tsx
+++ b/mobile/src/route/screens/generate_route_screen.tsx
@@ -5,6 +5,7 @@ import { useGenerateRoute } from "../hooks/useGenerateRoute";
 import { use } from "i18next";
 import { TouchableOpacity, View, Text, StyleSheet } from "react-native";
 import { LIGHT_THEME } from "../../common/const/theme";
+import { useTranslation } from "react-i18next";
 
 interface GenerateRoutePageProps {
   townId: number;
@@ -12,12 +13,15 @@ interface GenerateRoutePageProps {
 
 export const GenerateRoutePage = ({ townId }: GenerateRoutePageProps) => {
   const { control, onSubmit } = useGenerateRoute(townId);
+  const { t } = useTranslation();
 
   return (
     <View style={{ flex: 1 }}>
       <GenerateRouteForm control={control} />
       <TouchableOpacity onPress={onSubmit} style={styles.button}>
-        <Text style={styles.text}>Submit</Text>
+        <Text style={styles.text}>
+          {t("generateRouteScreen.generateRouteButton")}
+        </Text>
       </TouchableOpacity>
     </View>
   );
diff --git a/mobile/src/route/screens/maps.tsx b/mobile/src/route/screens/maps.tsx
index 4048463dea03d3abdfb4f974bbcfdef7e7c087a4..d88125e678565c48ca51c7d6b595adb9a42aefa2 100644
--- a/mobile/src/route/screens/maps.tsx
+++ b/mobile/src/route/screens/maps.tsx
@@ -13,18 +13,20 @@ interface MapsPageProps {
 }
 
 export const MapsPage = ({ routeId }: MapsPageProps) => {
-  const { routeActivities, requestStatus, refresh } = useGetRouteActivities(routeId);
+  const {
+    activities: routeActivities,
+    requestStatus,
+    refresh,
+  } = useGetRouteActivities(routeId);
   const reloadIsNeededRef = useRef(false);
-  console.log("Reloaded");
 
   useFocusEffect(() => {
-
     if (reloadIsNeededRef.current) {
       refresh();
       reloadIsNeededRef.current = false;
     }
   });
-  
+
   if (requestStatus === ApiRequestStatus.LOADING) {
     return <FullPageLoader />;
   }
@@ -44,26 +46,23 @@ export const MapsPage = ({ routeId }: MapsPageProps) => {
           longitudeDelta: 1,
         }}
       >
-        {
-          routeActivities.map((activity: ActivityRouteEntity) => (
-            <CustomMapMarker
-              key={activity.id}
-              isFinished={activity.done}
-              title={activity.name}
-              imageUri={activity.imageUri}
-              coordinate={{
-                latitude: activity.coordinates.latitude,
-                longitude: activity.coordinates.longitude,
-              }}
-              onPress={() => {
-                reloadIsNeededRef.current = true;
-                router.push("scan");
-              }}
-            />
-          ))
-        }
+        {routeActivities.map((activity: ActivityRouteEntity) => (
+          <CustomMapMarker
+            key={activity.id}
+            isFinished={activity.done}
+            title={activity.name}
+            imageUri={activity.imageUri}
+            coordinate={{
+              latitude: activity.coordinates.latitude,
+              longitude: activity.coordinates.longitude,
+            }}
+            onPress={() => {
+              reloadIsNeededRef.current = true;
+              router.push("scan");
+            }}
+          />
+        ))}
       </MapView>
     </View>
   );
 };
-
diff --git a/mobile/src/route/screens/route_preview.tsx b/mobile/src/route/screens/route_preview.tsx
index 4891ce95f2c56a146501cb61008d0b11f20652f7..6c48b91b3759401c37395661ed5a7c0e0957345d 100644
--- a/mobile/src/route/screens/route_preview.tsx
+++ b/mobile/src/route/screens/route_preview.tsx
@@ -8,42 +8,59 @@ import { router } from "expo-router";
 import { LIGHT_THEME } from "../../common/const/theme";
 import { FloatingBackButton } from "../../common/components/floating_back_button";
 import { FloatingEndActionButton } from "../../common/components/floating_end_action_button";
+import { useGet } from "../../common/hooks/useGet";
+import { useGetRoute } from "../hooks/useGetRoute";
+import { useDataContext } from "../../common/contexts/data_context";
+import { usePreviewRoute } from "../hooks/usePreviewRoute";
+import { formatToDDMMYYYY } from "../../common/utils/time";
 
 interface RoutePreviewPageProps {
   townId: number;
 }
 
-export const RoutePreviewPage = ({ townId }: RoutePreviewPageProps) => {
-  const { routeActivities, requestStatus } = useGenerateRoute(townId);
+export const RoutePreviewPage = ({
+  townId: routeId,
+}: RoutePreviewPageProps) => {
+  const {
+    route,
+    saveRoute,
+    mainRequestStatus: requestStatus,
+  } = usePreviewRoute(routeId);
 
   if (requestStatus === ApiRequestStatus.LOADING) {
     return <FullPageLoader />;
   }
 
-  if (requestStatus === ApiRequestStatus.ERROR || !routeActivities) {
+  if (requestStatus === ApiRequestStatus.ERROR || !route) {
     return <Text>Something went wrong</Text>;
   }
 
-
-  //TODO: Implement save route functionality
-  const saveRoute = () => {
-    router.dismissAll();
-  }
-
   return (
     <View style={styles.main_container}>
       <FloatingBackButton />
       <FlatList
-        data={routeActivities}
+        data={route.travelPlaces}
         style={styles.container}
-        ListHeaderComponent={() => <View style={{ height: 150, paddingVertical: 10, paddingHorizontal: 20 }} >
-          <Text style={{ fontSize: 25, fontWeight: "bold", alignSelf: 'center' }}>Route Preview</Text>
-          <Text style={{ fontSize: 15, marginTop: 30 }}>{`Start: ${routeActivities[0].startTime}`}</Text>
-          <Text style={{ fontSize: 15, marginTop: 10 }}>{`End: ${routeActivities[routeActivities.length - 1].endTime}`}</Text>
-        </View>}
+        ListHeaderComponent={() => (
+          <View
+            style={{ height: 150, paddingVertical: 10, paddingHorizontal: 20 }}
+          >
+            <Text
+              style={{ fontSize: 25, fontWeight: "bold", alignSelf: "center" }}
+            >
+              Route Preview
+            </Text>
+            <Text
+              style={{ fontSize: 15, marginTop: 30 }}
+            >{`Start: ${formatToDDMMYYYY(route.startDate)}`}</Text>
+            <Text
+              style={{ fontSize: 15, marginTop: 10 }}
+            >{`End: ${formatToDDMMYYYY(route.endDate)}`}</Text>
+          </View>
+        )}
         renderItem={({ item, index }) => {
           const isFirst = index === 0;
-          const isLast = index === routeActivities.length - 1;
+          const isLast = index === route.travelPlaces.length - 1;
           return (
             <RouteActivityTile
               activity={item}
@@ -69,5 +86,5 @@ const styles = StyleSheet.create({
     width: "100%",
     backgroundColor: "#fff",
     padding: 10,
-  }
+  },
 });
diff --git a/mobile/src/travel/components/activity_list.tsx b/mobile/src/travel/components/activity_list.tsx
index 466c7b028b6e9ffcde442462b3734743129fe6c4..14a006d6acc4376f32d6adbd84af81a3f8500308 100644
--- a/mobile/src/travel/components/activity_list.tsx
+++ b/mobile/src/travel/components/activity_list.tsx
@@ -28,7 +28,7 @@ export const TravelActivityList = ({
     <View style={styles.detailsContainer}>
       <Text style={styles.activitiesText}>Actividades</Text>
       <FlatList
-        data={[...activityList, ...activityList, ...activityList]}
+        data={activityList}
         style={{ paddingVertical: VERTICAL_SPACING }}
         ListFooterComponent={<View style={{ height: VERTICAL_SPACING }} />}
         keyExtractor={(item, index) => index.toString()}
diff --git a/mobile/src/travel/components/travel_details_tile.tsx b/mobile/src/travel/components/travel_details_tile.tsx
index 309f02704faaae9b6d7867f23edc2a50c84a6563..1d62f78f70005e36655549ecc31824538ff0e949 100644
--- a/mobile/src/travel/components/travel_details_tile.tsx
+++ b/mobile/src/travel/components/travel_details_tile.tsx
@@ -1,27 +1,43 @@
 import { Animated, Image, View, Text, StyleSheet } from "react-native";
 import { AntDesign } from "@expo/vector-icons";
 import { TravelHistoryActivity } from "../domain/entities/travel_details";
+import { formatToDDMMYYYY } from "../../common/utils/time";
 
 interface TravelDetailsTileProps {
   item: TravelHistoryActivity;
   width: Animated.AnimatedInterpolation<string | number>;
-  opacity: Animated.AnimatedInterpolation<string | number>,
+  opacity: Animated.AnimatedInterpolation<string | number>;
 }
 
-export const TravelDetailsTile = ({ item, width, opacity }: TravelDetailsTileProps) => {
+export const TravelDetailsTile = ({
+  item,
+  width,
+  opacity,
+}: TravelDetailsTileProps) => {
   return (
     <Animated.View style={{ ...styles.activityContainer, width, opacity }}>
       <Image
         source={{ uri: item.imageUri }}
-        style={{ flex: 1, height: "100%", borderTopLeftRadius: 2, borderBottomLeftRadius: 2}}
+        style={{
+          flex: 2,
+          height: "100%",
+          borderTopLeftRadius: 2,
+          borderBottomLeftRadius: 2,
+        }}
       />
       <View style={styles.activityContentContainer}>
-        <Text numberOfLines={1} style={styles.activityTitle}>{item.name}</Text>
-        <Text numberOfLines={1}>{item.startDate.toDateString()} - {item.endDate.toDateString()}</Text>
+        <Text numberOfLines={1} style={styles.activityTitle}>
+          {item.name}
+        </Text>
+        <Text numberOfLines={1}>
+          {formatToDDMMYYYY(item.startDate)} - {formatToDDMMYYYY(item.endDate)}
+        </Text>
         <Text numberOfLines={1}>{item.description}</Text>
         <View style={styles.ratingContainer}>
-            <Text style={styles.ratingText} numberOfLines={1}>{item.rating.toFixed(1)}</Text>
-            <AntDesign name="star" size={20} color="gold" />
+          <Text style={styles.ratingText} numberOfLines={1}>
+            {item.rating.toFixed(1)}
+          </Text>
+          <AntDesign name="star" size={20} color="gold" />
         </View>
       </View>
     </Animated.View>
@@ -42,7 +58,7 @@ const styles = StyleSheet.create({
     borderRadius: 12,
   },
   activityContentContainer: {
-    flex: 1,
+    flex: 3,
     flexDirection: "column",
     gap: 10,
   },
diff --git a/mobile/src/travel/domain/entities/travel_history.ts b/mobile/src/travel/domain/entities/travel_history.ts
index c22a0572c4ae499b53ec7ed57fe4aa84e85df5d8..bccec1f56c8807f591c646051f1f0b30d1b94153 100644
--- a/mobile/src/travel/domain/entities/travel_history.ts
+++ b/mobile/src/travel/domain/entities/travel_history.ts
@@ -1,12 +1,12 @@
 export interface TravelHistory {
-    pastTravels: Route[];
-    activeTravel?: Route;
+  pastTravels: Route[];
+  activeTravel?: Route[];
 }
 
 export interface Route {
-    id: number;
-    destination: string;
-    imageUri?: string;
-    startDate: Date;
-    endDate: Date;
-}
\ No newline at end of file
+  id: number;
+  destination: string;
+  imageUri?: string;
+  startDate: Date;
+  endDate: Date;
+}
diff --git a/mobile/src/travel/hooks/useGetTravelHistory.ts b/mobile/src/travel/hooks/useGetTravelHistory.ts
index 5ea050445fcef220c1e45c397e9ad1459872ce60..1ee0e95e02b82f4115869f9bec8255c28f51dfb6 100644
--- a/mobile/src/travel/hooks/useGetTravelHistory.ts
+++ b/mobile/src/travel/hooks/useGetTravelHistory.ts
@@ -1,38 +1,46 @@
 import { useEffect, useState } from "react";
-import { useDataContext } from "../../common/contexts/data_context"
+import { useDataContext } from "../../common/contexts/data_context";
 import { Route, TravelHistory } from "../domain/entities/travel_history";
 
 import { useTranslation } from "react-i18next";
 import { useGet } from "../../common/hooks/useGet";
 export enum TravelHistorySection {
-    ACTIVE = "Active Travels",
-    PAST = "Past Travels",
+  ACTIVE = "Active Travels",
+  PAST = "Past Travels",
 }
 
 interface SectionItem {
-    type: string;
-    title: string;
-    data: Route[];
+  type: string;
+  title: string;
+  data: Route[];
 }
 
 export const useGetTravelHistory = () => {
-    const { travelRepository } = useDataContext();
-    const [preparedData, setPreparedData] = useState<SectionItem[] | null>(null);
-    const LANG = useTranslation();
-    const callback = () => travelRepository!.getTravelHistory();
-    const { data, requestStatus } = useGet<TravelHistory>(callback);
-    //TODO: Cambiar la destructuración múltiple de pastTravels
-    useEffect(() => {
-        if (data) {
-            const pastTravels = [...data.pastTravels, ...data.pastTravels, ...data.pastTravels, ...data.pastTravels, ...data.pastTravels, ...data.pastTravels,];
-            const activeTravels = data.activeTravel ? [data.activeTravel] : [];
-            const preparedData = [
-                { type: TravelHistorySection.ACTIVE, data: activeTravels, title: LANG.t("travelHistoryScreen.activeTravelsLabel") },
-                { type: TravelHistorySection.PAST, data: pastTravels, title: LANG.t("travelHistoryScreen.pastTravelsLabel") },
-            ];
-            setPreparedData(preparedData);
-        }
-    }, [data]);
+  const { travelRepository } = useDataContext();
+  const [preparedData, setPreparedData] = useState<SectionItem[] | null>(null);
+  const LANG = useTranslation();
+  const callback = () => travelRepository!.getTravelHistory();
+  const { data, requestStatus, refresh } = useGet<TravelHistory>(callback);
+  //TODO: Cambiar la destructuración múltiple de pastTravels
+  useEffect(() => {
+    if (data) {
+      const pastTravels = data.pastTravels;
+      const activeTravels = data.activeTravel ? data.activeTravel : [];
+      const preparedData = [
+        {
+          type: TravelHistorySection.ACTIVE,
+          data: activeTravels,
+          title: LANG.t("travelHistoryScreen.activeTravelsLabel"),
+        },
+        {
+          type: TravelHistorySection.PAST,
+          data: pastTravels,
+          title: LANG.t("travelHistoryScreen.pastTravelsLabel"),
+        },
+      ];
+      setPreparedData(preparedData);
+    }
+  }, [data]);
 
-    return { travelHistory: preparedData, requestStatus };
-}
\ No newline at end of file
+  return { travelHistory: preparedData, requestStatus, refresh };
+};
diff --git a/mobile/src/travel/infrastructure/datasources/prod/travel_datasource_prod.ts b/mobile/src/travel/infrastructure/datasources/prod/travel_datasource_prod.ts
index 4e206657c5415e2f3d45a54626abbd6d8cf55ba9..b10e249cb56de77bca2ad3e17f9ea048f13dd66b 100644
--- a/mobile/src/travel/infrastructure/datasources/prod/travel_datasource_prod.ts
+++ b/mobile/src/travel/infrastructure/datasources/prod/travel_datasource_prod.ts
@@ -1,26 +1,78 @@
 import axios from "axios";
 import { TravelDataSource } from "../../../domain/datasources/travel_datasource";
 import { TravelDetails } from "../../../domain/entities/travel_details";
-import { TravelHistory } from "../../../domain/entities/travel_history";
+import { Route, TravelHistory } from "../../../domain/entities/travel_history";
 import { API_URL } from "../../../../common/const/api";
 import { TravelDatasourceDev } from "../dev/travel_datasource";
+import { RouteModel } from "../../../../route/infrastructure/model/route_model";
 
 export class TravelDatasourceProd implements TravelDataSource {
-    async getTravelHistory(): Promise<TravelHistory> {
-        const dev = new TravelDatasourceDev();
-        return await dev.getTravelHistory();
+  async getTravelHistory(): Promise<TravelHistory> {
+    const { data, status } = await axios.get<RouteModel[]>(
+      `${API_URL}/route?routeStatus=accepted`
+    );
+
+    const activeTravels: Route[] = [];
+    const pastTravels: Route[] = [];
+
+    for (const route of data) {
+      const date = new Date(route.endDate);
+      if (date > new Date()) {
+        activeTravels.push({
+          id: route.idRoute,
+          destination: route.town.name,
+          startDate: new Date(route.startDate),
+          endDate: new Date(route.endDate),
+        });
+      } else {
+        pastTravels.push({
+          id: route.idRoute,
+          destination: route.town.name,
+          startDate: new Date(route.startDate),
+          endDate: new Date(route.endDate),
+        });
+      }
     }
-    async getTravelDetails(id: number): Promise<TravelDetails> {
-        const dev = new TravelDatasourceDev();
-        return await dev.getTravelDetails(id);
+
+    return {
+      activeTravel: activeTravels.length > 0 ? activeTravels : undefined,
+      pastTravels,
+    };
+  }
+  async getTravelDetails(id: number): Promise<TravelDetails> {
+    const { data, status } = await axios.get<RouteModel>(
+      `${API_URL}/route/${id}/es`
+    );
+    if (status !== 200) {
+      throw new Error("Error fetching travel details");
     }
-    async getVisitImage(id: number): Promise<string> {
-        const { data, status } = await axios.get<string>(`${API_URL}/visited/getImage/${id}`);
-        if (status !== 200) {
-            console.log("Error fetching image");
-            throw new Error("Error generating ")
-        }
-        return data;
+    console.log(data);
+    return {
+      travel: {
+        id: data.idRoute,
+        imageUri: "http://192.168.0.14:3005/" + data.town.imageName,
+        destination: data.town.name,
+        startDate: new Date(data.startDate),
+        endDate: new Date(data.endDate),
+      },
+      activityList: data.travelPlace.map((place) => ({
+        id: place.place.idPlace,
+        name: place.place.name,
+        rating: place.place.idPlace < 5 ? 5 : 0,
+        startDate: new Date(place.startDate),
+        endDate: new Date(place.endDate),
+        image: place.place.imageName,
+      })),
+    };
+  }
+  async getVisitImage(id: number): Promise<string> {
+    const { data, status } = await axios.get<string>(
+      `${API_URL}/visited/getImage/${id}`
+    );
+    if (status !== 200) {
+      throw new Error("Error generating ");
     }
 
-}
\ No newline at end of file
+    return data;
+  }
+}
diff --git a/mobile/src/travel/screens/travel_details_page.tsx b/mobile/src/travel/screens/travel_details_page.tsx
index 1006832b52ed13aa90ba5abdd723de27895c3c76..ce3714744d8a877a416e6aab1e23b05426390885 100644
--- a/mobile/src/travel/screens/travel_details_page.tsx
+++ b/mobile/src/travel/screens/travel_details_page.tsx
@@ -1,14 +1,9 @@
-import {
-  View,
-  Text,
-  StyleSheet,
-  Image,
-  Dimensions,
-} from "react-native";
+import { View, Text, StyleSheet, Image, Dimensions } from "react-native";
 import { useGetTravelDetails } from "../../travel/hooks/useGetTravelDetails";
 import { ApiRequestStatus } from "../../common/const/api_request_states";
 import { FullPageLoader } from "../../common/components/full_page_loader";
 import { TravelActivityList } from "../../travel/components/activity_list";
+import { formatToDDMMYYYY } from "../../common/utils/time";
 
 interface TravelDetailsPageProps {
   id: number;
@@ -40,8 +35,8 @@ export const TravelDetailsPage = ({ id }: TravelDetailsPageProps) => {
         <View style={styles.imageTextContainer}>
           <Text style={styles.destinationText}>{data.travel.destination}</Text>
           <Text>
-            {data.travel.startDate.toDateString()} -{" "}
-            {data.travel.endDate.toDateString()}
+            {formatToDDMMYYYY(data.travel.startDate)} -{" "}
+            {formatToDDMMYYYY(data.travel.endDate)}
           </Text>
           <Text>{`Numero de actividades: ${data.activityList.length}`}</Text>
         </View>
diff --git a/mobile/src/travel/screens/travel_history_page.tsx b/mobile/src/travel/screens/travel_history_page.tsx
index e53f2b8265e329d83fd78d75db057df22c581604..7162ef377226e81ea4d74560aa490a62dd11ba3c 100644
--- a/mobile/src/travel/screens/travel_history_page.tsx
+++ b/mobile/src/travel/screens/travel_history_page.tsx
@@ -7,10 +7,24 @@ import { ApiRequestStatus } from "../../common/const/api_request_states";
 import { FullPageLoader } from "../../common/components/full_page_loader";
 import { CustomTileButton } from "../../common/components/custom_tile_button";
 import { LIGHT_THEME } from "../../common/const/theme";
-import { router } from "expo-router";
+import { router, useFocusEffect } from "expo-router";
+import { formatToDDMMYYYY } from "../../common/utils/time";
+import { useEffect, useRef } from "react";
 
 export const TravelHistoryPage = () => {
-  const { travelHistory, requestStatus } = useGetTravelHistory();
+  const { travelHistory, requestStatus, refresh } = useGetTravelHistory();
+  const reloadNeeded = useRef(true);
+
+  useFocusEffect(() => {
+    if (reloadNeeded.current) {
+      reloadNeeded.current = false;
+      refresh();
+    }
+  });
+
+  const onTresholdReached = () => {
+    refresh();
+  };
 
   if (requestStatus === ApiRequestStatus.LOADING) {
     return <FullPageLoader />;
@@ -25,10 +39,12 @@ export const TravelHistoryPage = () => {
   }
 
   const onPressPastTravel = (id: number) => {
+    reloadNeeded.current = true;
     router.push(`/travel_history/details/${id}`);
   };
 
   const onPressActiveTravel = (id: number) => {
+    reloadNeeded.current = true;
     router.push(`/travel_history/active/${id}`);
   };
 
@@ -43,7 +59,9 @@ export const TravelHistoryPage = () => {
             return (
               <CustomTileButton
                 title={item.destination}
-                subtitle={`${item.startDate.toDateString()} - ${item.endDate.toDateString()}`}
+                subtitle={`${formatToDDMMYYYY(
+                  item.startDate
+                )} - ${formatToDDMMYYYY(item.endDate)}`}
                 onPress={() => onPressActiveTravel(item.id)}
               />
             );
@@ -51,7 +69,9 @@ export const TravelHistoryPage = () => {
             return (
               <CustomTileButton
                 title={item.destination}
-                subtitle={`${item.startDate.toDateString()} - ${item.endDate.toDateString()}`}
+                subtitle={`${formatToDDMMYYYY(
+                  item.startDate
+                )} - ${formatToDDMMYYYY(item.endDate)}`}
                 onPress={() => onPressPastTravel(item.id)}
               />
             );