diff --git a/mobile/app/(observer)/(app)/form-questionnaire/[questionId].tsx b/mobile/app/(observer)/(app)/form-questionnaire/[questionId].tsx
index 5a6b15144..32160e3de 100644
--- a/mobile/app/(observer)/(app)/form-questionnaire/[questionId].tsx
+++ b/mobile/app/(observer)/(app)/form-questionnaire/[questionId].tsx
@@ -58,7 +58,7 @@ export type SearchParamType = {
 };
 
 const FormQuestionnaire = () => {
-  const queryClient = useQueryClient()
+  const queryClient = useQueryClient();
   const { t } = useTranslation(["polling_station_form_wizard", "common"]);
   const { questionId, formId, language } = useLocalSearchParams<SearchParamType>();
 
@@ -369,7 +369,6 @@ const FormQuestionnaire = () => {
       activeQuestion.question.id
     ) {
       try {
-
         const totalParts = Math.ceil(cameraResult.size! / MULTIPART_FILE_UPLOAD_SIZE);
         const attachmentId = Crypto.randomUUID();
         const payload: AddAttachmentStartAPIPayload = {
@@ -394,7 +393,7 @@ const FormQuestionnaire = () => {
           totalParts,
         );
         setUploadProgress(t("attachments.upload.completed"));
-        setIsOptionsSheetOpen(false)
+        setIsOptionsSheetOpen(false);
       } catch (err) {
         Sentry.captureException(err, { data: activeElectionRound });
       }
@@ -434,7 +433,7 @@ const FormQuestionnaire = () => {
           const data = await addAttachmentStart(payload);
           await handleChunkUpload(file.uri, data.uploadUrls, data.uploadId, payload.id, totalParts);
           setUploadProgress(t("attachments.upload.completed"));
-          setIsOptionsSheetOpen(false)
+          setIsOptionsSheetOpen(false);
         } catch (err) {
           Sentry.captureException(err, { data: activeElectionRound });
         }
@@ -475,7 +474,13 @@ const FormQuestionnaire = () => {
           electionRoundId: activeElectionRound?.id,
           id: attachmentId,
         });
-        queryClient.invalidateQueries({ queryKey: AttachmentsKeys.attachments(activeElectionRound?.id, selectedPollingStation?.pollingStationId, formId) })
+        queryClient.invalidateQueries({
+          queryKey: AttachmentsKeys.attachments(
+            activeElectionRound?.id,
+            selectedPollingStation?.pollingStationId,
+            formId,
+          ),
+        });
       }
     } catch (err) {
       Sentry.captureException(err, { data: activeElectionRound });
diff --git a/mobile/app/citizen/main/form/index.tsx b/mobile/app/citizen/main/form/index.tsx
index d61f00eae..ee1b345fd 100644
--- a/mobile/app/citizen/main/form/index.tsx
+++ b/mobile/app/citizen/main/form/index.tsx
@@ -26,6 +26,17 @@ import Toast from "react-native-toast-message";
 import ReviewCitizenFormSheet from "../../../../components/ReviewCitizenFormSheet";
 import WarningDialog from "../../../../components/WarningDialog";
 import i18n from "../../../../common/config/i18n";
+import AddAttachment from "../../../../components/AddAttachment";
+import OptionsSheet from "../../../../components/OptionsSheet";
+import MediaLoading from "../../../../components/MediaLoading";
+import { FileMetadata, useCamera } from "../../../../hooks/useCamera";
+import * as DocumentPicker from "expo-document-picker";
+import * as Crypto from "expo-crypto";
+import Card from "../../../../components/Card";
+import { AttachmentMimeType } from "../../../../services/api/get-attachments.api";
+import { MediaDialog } from "../../../../components/MediaDialog";
+// import { Buffer } from "buffer";
+// import * as FileSystem from "expo-file-system";
 
 const CitizenForm = () => {
   const { t } = useTranslation(["citizen_form", "network_banner"]);
@@ -36,6 +47,15 @@ const CitizenForm = () => {
   const { selectedElectionRound } = useCitizenUserData();
   const { isOnline } = useNetInfoContext();
 
+  const [isOptionsSheetOpen, setIsOptionsSheetOpen] = useState(false);
+  const [isPreparingFile, setIsPreparingFile] = useState(false);
+  const [uploadProgress, setUploadProgress] = useState("");
+  const [attachments, setAttachments] = useState<
+    Record<string, { fileMetadata: FileMetadata; id: string }[]>
+  >({});
+
+  const { uploadCameraOrMedia } = useCamera();
+
   if (!selectedElectionRound) {
     return (
       <Typography>
@@ -66,6 +86,11 @@ const CitizenForm = () => {
   const [questionId, setQuestionId] = useState<string>(initialQuestionId);
   const [isReviewSheetOpen, setIsReviewSheetOpen] = useState(false);
   const [showWarningDialog, setShowWarningDialog] = useState(false);
+  const [selectedAttachmentToDelete, setSelectedAttachmentToDelete] = useState<string | null>(null);
+  const [previewAttachment, setPreviewAttachment] = useState<{
+    fileMetadata: FileMetadata;
+    id: string;
+  } | null>(null);
 
   const {
     data: currentForm,
@@ -113,7 +138,7 @@ const CitizenForm = () => {
   });
 
   const handleGoBack = () => {
-    if (isDirty) {
+    if (isDirty || Object.keys(attachments).length) {
       Keyboard.dismiss();
       setShowWarningDialog(true);
     } else {
@@ -227,6 +252,83 @@ const CitizenForm = () => {
     }
   };
 
+  const onCompressionProgress = (progress: number) => {
+    setUploadProgress(`${t("attachments.upload.compressing")} ${Math.ceil(progress * 100)}%`);
+  };
+
+  const removeAttachmentLocal = (id: string): void => {
+    setAttachments((prevAttachments) => {
+      return {
+        ...prevAttachments,
+        [questionId]: prevAttachments[questionId].filter((attachment) => attachment.id !== id),
+      };
+    });
+  };
+
+  const handleCameraUpload = async (type: "library" | "cameraPhoto") => {
+    setIsPreparingFile(true);
+    setUploadProgress(t("attachments.upload.preparing"));
+    const cameraResult = await uploadCameraOrMedia(type, onCompressionProgress);
+
+    if (!cameraResult) {
+      setIsPreparingFile(false);
+      return;
+    }
+
+    setIsOptionsSheetOpen(false);
+    setAttachments((prevAttachments) => ({
+      ...prevAttachments,
+      [questionId]: prevAttachments[questionId]
+        ? [...prevAttachments[questionId], { fileMetadata: cameraResult, id: Crypto.randomUUID() }]
+        : [{ fileMetadata: cameraResult, id: Crypto.randomUUID() }],
+    }));
+    setIsPreparingFile(false);
+  };
+
+  const handleUploadAudio = async () => {
+    const doc = await DocumentPicker.getDocumentAsync({
+      type: "audio/*",
+      multiple: false,
+    });
+
+    if (doc?.assets?.[0]) {
+      const file = doc?.assets?.[0];
+
+      const fileMetadata: FileMetadata = {
+        name: file.name,
+        type: file.mimeType || "audio/mpeg",
+        uri: file.uri,
+        size: file.size || 0,
+      };
+
+      setIsOptionsSheetOpen(false);
+      setAttachments((prevAttachments) => ({
+        ...prevAttachments,
+        [questionId]: prevAttachments[questionId]
+          ? [...prevAttachments[questionId], { fileMetadata, id: Crypto.randomUUID() }]
+          : [{ fileMetadata, id: Crypto.randomUUID() }],
+      }));
+      setIsPreparingFile(false);
+    } else {
+      // Cancelled
+    }
+
+    setIsPreparingFile(false);
+  };
+  const handleOnShowAttachementSheet = () => {
+    Keyboard.dismiss();
+    if (isOnline) {
+      setIsOptionsSheetOpen(true);
+    } else {
+      Toast.show({
+        type: "error",
+        text2: t("attachments.upload.offline"),
+        visibilityTime: 5000,
+        text2Style: { textAlign: "center" },
+      });
+    }
+  };
+
   if (isLoadingCurrentForm || !activeQuestion) {
     return <Typography>Loading...</Typography>;
   }
@@ -273,24 +375,72 @@ const CitizenForm = () => {
             required={true}
           />
 
-          {/* attachments */}
-          {/* {activeElectionRound?.id && selectedPollingStation?.pollingStationId && formId && (
-            <QuestionAttachments
-              electionRoundId={activeElectionRound.id}
-              pollingStationId={selectedPollingStation.pollingStationId}
-              formId={formId}
-              questionId={questionId}
+          {attachments[questionId]?.length ? (
+            <YStack gap="$xxs" paddingTop="$lg">
+              <Typography fontWeight="500">{t("attachments.heading")}</Typography>
+              <YStack gap="$xxs">
+                {attachments[questionId].map((attachment) => {
+                  return (
+                    <Card
+                      padding="$0"
+                      paddingLeft="$md"
+                      key={attachment.id}
+                      flexDirection="row"
+                      justifyContent="space-between"
+                      alignItems="center"
+                      onPress={() => setPreviewAttachment(attachment)}
+                    >
+                      <Typography preset="body1" fontWeight="700" maxWidth="85%" numberOfLines={1}>
+                        {attachment.fileMetadata.name}
+                      </Typography>
+                      <YStack
+                        padding="$md"
+                        onPress={() => {
+                          Keyboard.dismiss();
+                          setSelectedAttachmentToDelete(attachment.id);
+                        }}
+                        pressStyle={{ opacity: 0.5 }}
+                      >
+                        <Icon icon="xCircle" size={24} color="$gray5" />
+                      </YStack>
+                    </Card>
+                  );
+                })}
+              </YStack>
+            </YStack>
+          ) : (
+            false
+          )}
+
+          {selectedAttachmentToDelete && (
+            <WarningDialog
+              title={t("attachments.delete.title")}
+              description={t("attachments.delete.description")}
+              actionBtnText={t("attachments.delete.actions.clear")}
+              cancelBtnText={t("attachments.delete.actions.cancel")}
+              action={() => {
+                removeAttachmentLocal(selectedAttachmentToDelete);
+                setSelectedAttachmentToDelete(null);
+              }}
+              onCancel={() => setSelectedAttachmentToDelete(null)}
+            />
+          )}
+
+          {previewAttachment && previewAttachment.fileMetadata.type === AttachmentMimeType.IMG && (
+            <MediaDialog
+              media={{
+                type: previewAttachment.fileMetadata.type,
+                src: previewAttachment.fileMetadata.uri,
+              }}
+              onClose={() => setPreviewAttachment(null)}
             />
-          )} */}
+          )}
 
-          {/* <AddAttachment
+          <AddAttachment
             label={t("attachments.add")}
             marginTop="$sm"
-            onPress={() => {
-              Keyboard.dismiss();
-              return setIsOptionsSheetOpen(true);
-            }}
-          /> */}
+            onPress={handleOnShowAttachementSheet}
+          />
         </YStack>
       </ScrollView>
       <WizzardControls
@@ -312,11 +462,47 @@ const CitizenForm = () => {
           currentForm={currentForm}
           answers={answers}
           questions={currentForm?.questions}
+          attachments={attachments}
           setIsReviewSheetOpen={setIsReviewSheetOpen}
           selectedLocationId={selectedLocationId}
         />
       )}
 
+      {isOptionsSheetOpen && (
+        <OptionsSheet setOpen={setIsOptionsSheetOpen} open isLoading={isPreparingFile}>
+          {isPreparingFile ? (
+            <MediaLoading progress={uploadProgress} />
+          ) : (
+            <YStack paddingHorizontal="$sm" gap="$xxs">
+              <Typography
+                onPress={handleCameraUpload.bind(null, "library")}
+                preset="body1"
+                paddingVertical="$md"
+                pressStyle={{ color: "$purple5" }}
+              >
+                {t("attachments.menu.load")}
+              </Typography>
+              <Typography
+                onPress={handleCameraUpload.bind(null, "cameraPhoto")}
+                preset="body1"
+                paddingVertical="$md"
+                pressStyle={{ color: "$purple5" }}
+              >
+                {t("attachments.menu.take_picture")}
+              </Typography>
+              <Typography
+                onPress={handleUploadAudio.bind(null)}
+                preset="body1"
+                paddingVertical="$md"
+                pressStyle={{ color: "$purple5" }}
+              >
+                {t("attachments.menu.upload_audio")}
+              </Typography>
+            </YStack>
+          )}
+        </OptionsSheet>
+      )}
+
       {showWarningDialog && (
         <WarningDialog
           theme="info"
diff --git a/mobile/assets/locales/en/translations.json b/mobile/assets/locales/en/translations.json
index 8d341e9bb..e39f85e82 100644
--- a/mobile/assets/locales/en/translations.json
+++ b/mobile/assets/locales/en/translations.json
@@ -120,6 +120,35 @@
         "discard": "Go back",
         "save": "Stay here"
       }
+    },
+    "attachments": {
+      "heading": "Uploaded media",
+      "loading": "Adding attachment... ",
+      "error": "Error while sending the attachment!",
+      "add": "Add media files",
+      "menu": {
+        "load": "Load from gallery",
+        "take_picture": "Take a photo",
+        "record_video": "Record a video",
+        "upload_audio": "Upload audio file"
+      },
+      "upload": {
+        "compressing": "Compressing attachment: ",
+        "preparing": "Preparing attachment...",
+        "starting": "Starting the upload...",
+        "progress": "Uploading attachments: ",
+        "completed": "Upload completed.",
+        "aborted": "Upload aborted.",
+        "offline": "You need an internet connection in order to perform this action."
+      },
+      "delete": {
+        "title": "Delete media file",
+        "description": "This action cannot be undone. Once deleted, a media file cannot be retrieved.",
+        "actions": {
+          "cancel": "Cancel",
+          "clear": "Delete"
+        }
+      }
     }
   },
   "login": {
diff --git a/mobile/assets/locales/ro/translations.json b/mobile/assets/locales/ro/translations.json
index e9c8ee578..13e13882f 100644
--- a/mobile/assets/locales/ro/translations.json
+++ b/mobile/assets/locales/ro/translations.json
@@ -120,6 +120,36 @@
         "discard": "Întoarce-te",
         "save": "Rămâi aici"
       }
+    },
+    "attachments": {
+      "heading": "Fișiere media încărcate",
+      "loading": "Se adaugă atașamentul... ",
+      "error": "Eroare la încărcarea atașamentului.",
+      "add": "Adaugă fișiere media",
+      "menu": {
+        "add_note": "Adaugă o notiță",
+        "load": "Încarcă din galerie",
+        "take_picture": "Fă o poză",
+        "record_video": "Înregistrează un video",
+        "upload_audio": "Încarcă un fișier audio"
+      },
+      "upload": {
+        "compressing": "Se comprimă atașamentul: ",
+        "preparing": "Se pregătește atașamentul...",
+        "starting": "Se începe încărcarea atașamentelor...",
+        "progress": "Progresul încărcării:",
+        "completed": "Încărcarea a fost finalizată.",
+        "aborted": "Încărcarea a fost anulată.",
+        "offline": "Ai nevoie de conexiune la internet pentru a face acestă acțiune."
+      },
+      "delete": {
+        "title": "Șterge fișierul media",
+        "description": "Această acțiune nu poate fi anulată. Odată șters, un fișier media nu mai poate fi recuperat.",
+        "actions": {
+          "cancel": "Anulează",
+          "clear": "Șterge"
+        }
+      }
     }
   },
   "login": {
@@ -758,4 +788,4 @@
     "warning": "Te rugăm să NU ÎNCHIZI aplicația sau conexiunea la internet sau datele se vor pierde.",
     "files": "Încărcăm fișierele tale, poate dura ceva timp..."
   }
-}
+}
\ No newline at end of file
diff --git a/mobile/components/MediaDialog.tsx b/mobile/components/MediaDialog.tsx
index b79f0e374..f3e619354 100644
--- a/mobile/components/MediaDialog.tsx
+++ b/mobile/components/MediaDialog.tsx
@@ -1,8 +1,9 @@
 import { Image } from "expo-image";
-import React, { ReactNode, useState } from "react";
+import React, { ReactNode, useEffect, useState } from "react";
 import { AlertDialog, AlertDialogProps, Spinner, YStack } from "tamagui";
 import { Typography } from "./Typography";
 import { useTranslation } from "react-i18next";
+import { BackHandler } from "react-native";
 
 interface MediaDialogProps extends AlertDialogProps {
   // what you press on in order to open the dialog
@@ -16,6 +17,17 @@ export const MediaDialog: React.FC<MediaDialogProps> = ({ trigger, media, onClos
   const { t } = useTranslation("common");
   const [isLoaded, setIsLoaded] = useState(false);
 
+  const handleHardwareBackPress = () => {
+    onClose();
+    return true;
+  };
+
+  useEffect(() => {
+    const backHandler = BackHandler.addEventListener("hardwareBackPress", handleHardwareBackPress);
+
+    return () => backHandler.remove();
+  }, []);
+
   return (
     <AlertDialog open {...props}>
       {trigger && <AlertDialog.Trigger asChild>{trigger}</AlertDialog.Trigger>}
diff --git a/mobile/components/ReviewCitizenFormSheet.tsx b/mobile/components/ReviewCitizenFormSheet.tsx
index 8f421d8d0..bfee64a92 100644
--- a/mobile/components/ReviewCitizenFormSheet.tsx
+++ b/mobile/components/ReviewCitizenFormSheet.tsx
@@ -1,4 +1,4 @@
-import React, { Dispatch, SetStateAction, useMemo } from "react";
+import React, { Dispatch, SetStateAction, useMemo, useState } from "react";
 import { Icon } from "./Icon";
 import { Typography } from "./Typography";
 import Button from "./Button";
@@ -9,7 +9,7 @@ import {
   MultiSelectAnswer,
   SingleSelectAnswer,
 } from "../services/interfaces/answer.type";
-import { Sheet, Spinner, YStack } from "tamagui";
+import { Separator, Sheet, Spinner, YStack } from "tamagui";
 import { getAnswerDisplay } from "../common/utils/answers";
 import { ApiFormQuestion } from "../services/interfaces/question.type";
 import { useTranslation } from "react-i18next";
@@ -18,6 +18,15 @@ import { usePostCitizenFormMutation } from "../services/mutations/citizen/post-c
 import { useCitizenUserData } from "../contexts/citizen-user/CitizenUserContext.provider";
 import { useRouter } from "expo-router";
 import Toast from "react-native-toast-message";
+import { FileMetadata } from "../hooks/useCamera";
+import { MULTIPART_FILE_UPLOAD_SIZE } from "../common/constants";
+import { useUploadAttachmentCitizenMutation } from "../services/mutations/citizen/add-attachment-citizen.mutation";
+import { addAttachmentCitizenMultipartAbort, addAttachmentCitizenMultipartComplete, AddAttachmentCitizenStartAPIPayload } from "../services/api/citizen/attachments.api";
+import * as FileSystem from "expo-file-system";
+import { Buffer } from "buffer";
+import { uploadS3Chunk } from "../services/api/add-attachment.api";
+import * as Sentry from "@sentry/react-native";
+import MediaLoading from "./MediaLoading";
 
 const LoadingScreen = () => {
   const { t } = useTranslation("citizen_form");
@@ -36,6 +45,7 @@ export default function ReviewCitizenFormSheet({
   currentForm,
   answers,
   questions,
+  attachments,
   setIsReviewSheetOpen,
   selectedLocationId,
   language,
@@ -43,6 +53,7 @@ export default function ReviewCitizenFormSheet({
   currentForm: FormAPIModel | undefined;
   answers: Record<string, ApiFormAnswer | undefined> | undefined;
   questions: ApiFormQuestion[] | undefined;
+  attachments: Record<string, { fileMetadata: FileMetadata, id: string }[]> | undefined;
   setIsReviewSheetOpen: Dispatch<SetStateAction<boolean>>;
   selectedLocationId: string;
   language: string;
@@ -54,6 +65,11 @@ export default function ReviewCitizenFormSheet({
   const { mutate: postCitizenForm, isPending } = usePostCitizenFormMutation();
   const { selectedElectionRound } = useCitizenUserData();
 
+  const [isUploading, setIsUploading] = useState<boolean>(false);
+  const [uploadProgress, setUploadProgress] = useState<string>("");
+
+  const { mutateAsync: addAttachmentCitizen } = useUploadAttachmentCitizenMutation();
+
   const mappedAnswers = useMemo(() => {
     if (!answers || !questions) return {};
 
@@ -121,29 +137,34 @@ export default function ReviewCitizenFormSheet({
     return currentForm.questions.filter((question) => mappedAnswers[question.id]);
   }, [currentForm?.questions, mappedAnswers]);
 
-  const handleSubmit = () => {
+  const handleSubmit = async () => {
     if (!currentForm || !selectedElectionRound || !answers) {
       console.log("⛔️ Missing data for sending review citizen form. ⛔️");
       return;
     }
 
+    const citizenReportId = Crypto.randomUUID();
+
     postCitizenForm(
       {
         electionRoundId: selectedElectionRound,
-        citizenReportId: Crypto.randomUUID(),
+        citizenReportId,
         formId: currentForm.id,
         locationId: selectedLocationId,
         answers: Object.values(answers).filter(Boolean) as ApiFormAnswer[],
       },
       {
-        onSuccess: (response) => {
-          console.log("🔵 [CitizenForm] form submitted successfully, redirect to success page");
+        onSuccess: async (response) => {
+          await uploadAttachments(citizenReportId);
+
           router.replace(
             `/citizen/main/form/success?formId=${currentForm.id}&submissionId=${response.id}`,
           );
+
+          setIsUploading(false);
         },
         onError: (error) => {
-          console.log("🔴 [CitizenForm] error submitting form", error);
+          Sentry.captureException(error);
           // close review modal and display error toast
           setIsReviewSheetOpen(false);
           return Toast.show({
@@ -156,51 +177,170 @@ export default function ReviewCitizenFormSheet({
     );
   };
 
+  const uploadAttachments = async (citizenReportId: string) => {
+    if (!currentForm || !selectedElectionRound || !answers) {
+      return;
+    }
+
+    if (attachments && Object.keys(attachments).length > 0) {
+      setIsUploading(true);
+      const attachmentArray: { questionId: string, fileMetadata: FileMetadata, id: string }[] = Object.entries(attachments).map(([questionId, attachments]) => attachments.map(a => ({ ...a, questionId }))).flat()
+      try {
+        const totalParts = attachmentArray.reduce((acc, attachment) => {
+          return acc + Math.ceil(attachment.fileMetadata.size! / MULTIPART_FILE_UPLOAD_SIZE);
+        }, 0);
+        let uploadedPartsNo = 0;
+        // Upload each attachment
+        setUploadProgress(`${t("attachments.upload.starting")}`);
+        for (const [, attachment] of attachmentArray.entries()) {
+          const payload: AddAttachmentCitizenStartAPIPayload = {
+            id: attachment.id,
+            fileName: attachment.fileMetadata.name,
+            contentType: attachment.fileMetadata.type,
+            numberOfUploadParts: Math.ceil(
+              attachment.fileMetadata.size! / MULTIPART_FILE_UPLOAD_SIZE,
+            ),
+            electionRoundId: selectedElectionRound,
+            citizenReportId,
+            formId: currentForm.id,
+            questionId: attachment.questionId,
+          };
+
+          const data = await addAttachmentCitizen(payload);
+          await handleChunkUpload(
+            attachment.fileMetadata.uri,
+            data.uploadUrls,
+            data.uploadId,
+            attachment.id,
+            citizenReportId,
+            currentForm.id,
+            attachment.questionId,
+            uploadedPartsNo,
+            totalParts,
+          );
+          uploadedPartsNo += payload.numberOfUploadParts;
+        }
+        setUploadProgress(t("attachments.upload.completed"));
+      } catch (err) {
+        Sentry.captureException(err);
+        setIsUploading(false);
+      }
+    }
+
+  }
+
+  const handleChunkUpload = async (
+    filePath: string,
+    uploadUrls: Record<string, string>,
+    uploadId: string,
+    attachmentId: string,
+    citizenReportId: string,
+    formId: string,
+    questionId: string,
+    uploadedPartsNo: number,
+    totalParts: number,
+  ) => {
+    try {
+      let etags: Record<number, string> = {};
+      const urls = Object.values(uploadUrls);
+      for (const [index, url] of urls.entries()) {
+        const chunk = await FileSystem.readAsStringAsync(filePath, {
+          length: MULTIPART_FILE_UPLOAD_SIZE,
+          position: index * MULTIPART_FILE_UPLOAD_SIZE,
+          encoding: FileSystem.EncodingType.Base64,
+        });
+        const buffer = Buffer.from(chunk, "base64");
+        const data = await uploadS3Chunk(url, buffer);
+        setUploadProgress(
+          `${t("attachments.upload.progress")} ${Math.ceil(((uploadedPartsNo + index) / totalParts) * 100)}%`,
+        );
+        etags = { ...etags, [index + 1]: data.ETag };
+      }
+
+      if (selectedElectionRound) {
+        await addAttachmentCitizenMultipartComplete({
+          uploadId,
+          etags,
+          electionRoundId: selectedElectionRound,
+          id: attachmentId,
+          citizenReportId,
+        });
+      }
+    } catch (err) {
+      Sentry.captureException(err, { data: { selectedElectionRound, citizenReportId, formId, questionId } });
+      if (selectedElectionRound) {
+        setUploadProgress(t("attachments.upload.aborted"));
+        await addAttachmentCitizenMultipartAbort({
+          id: attachmentId,
+          uploadId,
+          electionRoundId: selectedElectionRound,
+          citizenReportId,
+        });
+      }
+    }
+  };
+
   return (
     <Sheet
       modal
       open
       zIndex={100_001}
-      snapPoints={[90]}
-      dismissOnSnapToBottom={!isPending}
+      snapPoints={isUploading ? [25] : [90]}
+      dismissOnSnapToBottom={!isPending && !isUploading}
+      dismissOnOverlayPress={!isPending && !isUploading}
       onOpenChange={(open: boolean) => {
         if (!open) {
           setIsReviewSheetOpen(false);
         }
       }}
+
     >
       <Sheet.Overlay />
       <Sheet.Frame>
-        <Icon paddingVertical="$md" alignSelf="center" icon="dragHandle" />
-        <YStack flex={1} marginBottom={insets.bottom + 16}>
-          {isPending ? (
-            <LoadingScreen />
-          ) : (
-            <Sheet.ScrollView
-              contentContainerStyle={{ flexGrow: 1, paddingHorizontal: 24 }}
-              bounces={false}
-              showsVerticalScrollIndicator={false}
-            >
-              <Typography preset="heading">{t("review.heading")}</Typography>
-              {displayedQuestions.map((question) => (
-                <YStack key={question.id} marginTop="$md">
-                  <Typography fontWeight="500">{question.text[language]}</Typography>
-                  {mappedAnswers && mappedAnswers[question.id] && (
-                    <Typography marginTop="$xs" color="$gray5">
-                      {getAnswerDisplay(mappedAnswers[question.id] as ApiFormAnswer, true)}
-                    </Typography>
-                  )}
+        {isUploading ?
+          (<YStack flex={1} justifyContent="center" alignItems="center">
+            <MediaLoading progress={uploadProgress} />
+          </YStack>) : (
+            <>
+              <Icon paddingVertical="$md" alignSelf="center" icon="dragHandle" />
+              <YStack flex={1} marginBottom={insets.bottom + 16}>
+                {isPending ? (
+                  <LoadingScreen />
+                ) : (
+                  <Sheet.ScrollView
+                    contentContainerStyle={{ flexGrow: 1, paddingHorizontal: 24 }}
+                    bounces={false}
+                    showsVerticalScrollIndicator={false}
+                  >
+                    <Typography preset="heading">{t("review.heading")}</Typography>
+                    {displayedQuestions.map((question) => (
+                      <YStack key={question.id} marginTop="$md">
+                        <Typography fontWeight="500">{question.text[language]}</Typography>
+                        {mappedAnswers && mappedAnswers[question.id] && (
+                          <Typography marginTop="$xs" color="$gray5">
+                            {getAnswerDisplay(mappedAnswers[question.id] as ApiFormAnswer, true)}
+                          </Typography>
+                        )}
+                        {attachments && attachments[question.id] ? (
+                          <YStack gap="$xxs" paddingTop='$lg'>
+                            <Typography fontWeight="500">{t("attachments.heading")}: {attachments[question.id].length}</Typography>
+                          </YStack>
+                        ) : (
+                          false
+                        )}
+                        <Separator marginTop="$xs" />
+                      </YStack>
+                    ))}
+                  </Sheet.ScrollView>
+                )}
+
+                <YStack paddingHorizontal="$lg" paddingTop="$md">
+                  <Button onPress={handleSubmit} disabled={isPending}>
+                    {t("review.send")}
+                  </Button>
                 </YStack>
-              ))}
-            </Sheet.ScrollView>
-          )}
-
-          <YStack paddingHorizontal="$lg" paddingTop="$md">
-            <Button onPress={handleSubmit} disabled={isPending}>
-              {t("review.send")}
-            </Button>
-          </YStack>
-        </YStack>
+              </YStack>
+            </>)}
       </Sheet.Frame>
     </Sheet>
   );
diff --git a/mobile/components/WarningDialog.tsx b/mobile/components/WarningDialog.tsx
index c27d2fe30..7a952ab28 100644
--- a/mobile/components/WarningDialog.tsx
+++ b/mobile/components/WarningDialog.tsx
@@ -3,7 +3,7 @@ import { Typography } from "./Typography";
 import { Dialog } from "./Dialog";
 import { ScrollView, useTheme, XStack, YStack } from "tamagui";
 import Button from "./Button";
-import { StyleProp, TextStyle } from "react-native";
+import { BackHandler, StyleProp, TextStyle } from "react-native";
 
 type WarningDialogProps = {
   title: string;
@@ -27,6 +27,18 @@ const WarningDialog = ({
   theme = "danger",
 }: WarningDialogProps) => {
   const tamaguiTheme = useTheme();
+
+  const handleHardwareBackPress = () => {
+    onCancel();
+    return true;
+  };
+
+  React.useEffect(() => {
+    const backHandler = BackHandler.addEventListener("hardwareBackPress", handleHardwareBackPress);
+
+    return () => backHandler.remove();
+  }, []);
+
   return (
     <Dialog
       open
diff --git a/mobile/services/api/citizen/attachments.api.ts b/mobile/services/api/citizen/attachments.api.ts
new file mode 100644
index 000000000..aae5eca3c
--- /dev/null
+++ b/mobile/services/api/citizen/attachments.api.ts
@@ -0,0 +1,82 @@
+import API from "../../api";
+
+export type AddAttachmentCitizenStartAPIPayload = {
+  id: string;
+  electionRoundId: string;
+  citizenReportId: string;
+  formId: string;
+  questionId: string;
+  fileName: string;
+  contentType: string;
+  numberOfUploadParts: number;
+};
+
+export type AddAttachmentCitizenCompleteAPIPayload = {
+  uploadId: string;
+  id: string;
+  etags: Record<string, string>;
+  citizenReportId: string;
+  electionRoundId: string;
+};
+
+export type AddAttachmentCitizenAbortAPIPayload = {
+  uploadId: string;
+  id: string;
+  citizenReportId: string;
+  electionRoundId: string;
+};
+
+// Multipart Upload - Add Attachment - Citizen Report
+export const addAttachmentCitizenMultipartStart = ({
+  electionRoundId,
+  id,
+  citizenReportId,
+  formId,
+  questionId,
+  fileName,
+  contentType,
+  numberOfUploadParts,
+}: AddAttachmentCitizenStartAPIPayload): Promise<{
+  uploadId: string;
+  uploadUrls: Record<string, string>;
+}> => {
+  return API.post(
+    `election-rounds/${electionRoundId}/citizen-reports/${citizenReportId}/attachments:init`,
+    {
+      id,
+      formId,
+      questionId,
+      fileName,
+      contentType,
+      numberOfUploadParts,
+    },
+    {},
+  ).then((res) => res.data);
+};
+
+export const addAttachmentCitizenMultipartComplete = async ({
+  uploadId,
+  id,
+  etags,
+  citizenReportId,
+  electionRoundId,
+}: AddAttachmentCitizenCompleteAPIPayload): Promise<string[]> => {
+  return API.post(
+    `election-rounds/${electionRoundId}/citizen-reports/${citizenReportId}/attachments/${id}:complete`,
+    { uploadId, etags },
+    {},
+  ).then((res) => res.data);
+};
+
+export const addAttachmentCitizenMultipartAbort = async ({
+  uploadId,
+  id,
+  electionRoundId,
+  citizenReportId,
+}: AddAttachmentCitizenAbortAPIPayload): Promise<string[]> => {
+  return API.post(
+    `election-rounds/${electionRoundId}/citizen-reports/${citizenReportId}/attachments/${id}:abort`,
+    { uploadId },
+    {},
+  ).then((res) => res.data);
+};
diff --git a/mobile/services/mutations/citizen/add-attachment-citizen.mutation.ts b/mobile/services/mutations/citizen/add-attachment-citizen.mutation.ts
new file mode 100644
index 000000000..a571ef3d9
--- /dev/null
+++ b/mobile/services/mutations/citizen/add-attachment-citizen.mutation.ts
@@ -0,0 +1,20 @@
+import { useMutation } from "@tanstack/react-query";
+import {
+  addAttachmentCitizenMultipartStart,
+  AddAttachmentCitizenStartAPIPayload,
+} from "../../api/citizen/attachments.api";
+import { citizenQueryKeys } from "../../queries/citizen.query";
+import * as Sentry from "@sentry/react-native";
+
+// Multipart Upload - Start
+export const useUploadAttachmentCitizenMutation = () => {
+  return useMutation({
+    mutationKey: citizenQueryKeys.attachments(),
+    mutationFn: (payload: AddAttachmentCitizenStartAPIPayload) =>
+      addAttachmentCitizenMultipartStart(payload),
+    onError: (err, _variables, _context) => {
+      Sentry.captureException(err, { data: { _variables, _context } });
+    },
+    onSettled: (_data, _err, _variables) => {},
+  });
+};
diff --git a/mobile/services/queries/citizen.query.ts b/mobile/services/queries/citizen.query.ts
index e06c5abb8..428c923ad 100644
--- a/mobile/services/queries/citizen.query.ts
+++ b/mobile/services/queries/citizen.query.ts
@@ -13,6 +13,7 @@ export const citizenQueryKeys = {
   electionRounds: () => [...citizenQueryKeys.all, "election-rounds"] as const,
   reportingForms: (electionRoundId: string) =>
     [...citizenQueryKeys.all, "reporting-forms", electionRoundId] as const,
+  attachments: () => [...citizenQueryKeys.all, "attachments", "start"] as const,
   locations: (electionRoundId: string) =>
     [...citizenQueryKeys.all, "locations", electionRoundId] as const,
   locationsByParentId: (parentId: number, electionRoundId: string) =>