diff --git a/components/ImagePicker.tsx b/components/ImagePicker.tsx
index 6b238b8..25ca7d7 100644
--- a/components/ImagePicker.tsx
+++ b/components/ImagePicker.tsx
@@ -1,7 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import {
-  View, Platform, Alert, Modal, StyleSheet, Pressable, Text, SafeAreaView,
-} from 'react-native';
+import { View, Platform, Alert, Modal, StyleSheet, Pressable, Text, SafeAreaView } from 'react-native';
 import * as ImagePicker from 'expo-image-picker';
 import { Camera } from 'expo-camera';
 import CatCamera from './Camera';
@@ -13,7 +11,11 @@ type Props = {
   onCloseModal: () => void;
   onSetImage: (image: string) => void;
 };
-
+/**
+ * Function that add a picture to the cat post.
+ * @component
+ * @returns {JSX.Element} JSX element of the account screen
+ */
 export default function CatImagePicker(props: Props) {
   const { modalVisible, onCloseModal, onSetImage } = props;
   const [camModalVisible, setCamModalVisible] = useState(false);
diff --git a/components/Search.tsx b/components/Search.tsx
index 6e69c16..675a02d 100644
--- a/components/Search.tsx
+++ b/components/Search.tsx
@@ -4,10 +4,14 @@ import { StyleSheet, Image, View, Text, FlatList, SafeAreaView } from 'react-nat
 import { Searchbar } from 'react-native-paper';
 import { TouchableOpacity } from 'react-native-gesture-handler';
 import { Cat } from '../types';
-
+/**
+ * Function that queries the database for matching terms.
+ * @component
+ * @returns {JSX.Element} JSX element of the account screen
+ */
 export default function Search({ mapViewRef }) {
   const catsRef = firebase.database().ref().child('Cats/');
-  
+
   const [search, setSearch] = useState(''); // Stores the user's query
   const [catData, setCatData] = useState<Cat[]>([]); // Stores Cat data that is fetched from Firebase
   const [data, setData] = useState<Cat[]>([]); // Stores the new data array to be rendered once the user types something in the search bar
@@ -25,19 +29,18 @@ export default function Search({ mapViewRef }) {
 filtering search bar text input to see if any of the input matches any element within the data array. */
 
   useEffect(() => {
+    const date = new Date().getDate(); // Current Date
+    const month = new Date().getMonth() + 1; // Current Month
+    const year = new Date().getFullYear(); // Current Year
+    const hours = new Date().getHours(); // Current Hours
+    const min = new Date().getMinutes(); // Current Minutes
+    const sec = new Date().getSeconds(); // Current Seconds
 
-    var date = new Date().getDate(); //Current Date
-    var month = new Date().getMonth() + 1; //Current Month
-    var year = new Date().getFullYear(); //Current Year
-    var hours = new Date().getHours(); //Current Hours
-    var min = new Date().getMinutes(); //Current Minutes
-    var sec = new Date().getSeconds(); //Current Seconds
-    
     setCurrentDate(
-      month + '/' + date + '/' + year + '/' //+ hours + ':' + min + ':' + sec,
-    )
-    
-    catsRef.orderByChild("date").on('value', (snapshot) => {
+      `${month}/${date}/${year}/`, // + hours + ':' + min + ':' + sec,
+    );
+
+    catsRef.orderByChild('date').on('value', (snapshot) => {
       const newState: Cat[] = [];
       snapshot.forEach((child) => {
         newState.push({ ...child.val() });
@@ -51,7 +54,7 @@ filtering search bar text input to see if any of the input matches any element w
         setCatData([...newState]);
       });
     });
-    catsRef.orderByChild("comments").on('value', (snapshot) => {
+    catsRef.orderByChild('comments').on('value', (snapshot) => {
       const newState: Cat[] = [];
       snapshot.forEach((child) => {
         newState.push({ ...child.val() });
@@ -65,196 +68,212 @@ filtering search bar text input to see if any of the input matches any element w
         setValues([...newState]);
       });
     });
-    catsRef.orderByChild("healthy").equalTo(false).on('value', (snapshot) => {
-      const newState: Cat[] = [];
-      snapshot.forEach((child) => {
-        newState.push({ ...child.val() });
-        setUnhealthyCats([...newState]);
+    catsRef
+      .orderByChild('healthy')
+      .equalTo(false)
+      .on('value', (snapshot) => {
+        const newState: Cat[] = [];
+        snapshot.forEach((child) => {
+          newState.push({ ...child.val() });
+          setUnhealthyCats([...newState]);
+        });
       });
-    });
-    catsRef.orderByChild("healthy").equalTo(true).on('value', (snapshot) => {
-      const newState: Cat[] = [];
-      snapshot.forEach((child) => {
-        newState.push({ ...child.val() });
-        setHealthyCats([...newState]);
+    catsRef
+      .orderByChild('healthy')
+      .equalTo(true)
+      .on('value', (snapshot) => {
+        const newState: Cat[] = [];
+        snapshot.forEach((child) => {
+          newState.push({ ...child.val() });
+          setHealthyCats([...newState]);
+        });
       });
-    });
-    catsRef.orderByChild("kitten").equalTo(false).on('value', (snapshot) => {
-      const newState: Cat[] = [];
-      snapshot.forEach((child) => {
-        newState.push({ ...child.val() });
-        setNotKittens([...newState]);
+    catsRef
+      .orderByChild('kitten')
+      .equalTo(false)
+      .on('value', (snapshot) => {
+        const newState: Cat[] = [];
+        snapshot.forEach((child) => {
+          newState.push({ ...child.val() });
+          setNotKittens([...newState]);
+        });
       });
-    });
-    catsRef.orderByChild("kitten").equalTo(true).on('value', (snapshot) => {
-      const newState: Cat[] = [];
-      snapshot.forEach((child) => {
-        newState.push({ ...child.val() });
-        setKittens([...newState]);
+    catsRef
+      .orderByChild('kitten')
+      .equalTo(true)
+      .on('value', (snapshot) => {
+        const newState: Cat[] = [];
+        snapshot.forEach((child) => {
+          newState.push({ ...child.val() });
+          setKittens([...newState]);
+        });
       });
-    });
-    catsRef.orderByChild("friendly").equalTo(true).on('value', (snapshot) => {
-      const newState: Cat[] = [];
-      snapshot.forEach((child) => {
-        newState.push({ ...child.val() });
-        setFriendlyCats([...newState]);
+    catsRef
+      .orderByChild('friendly')
+      .equalTo(true)
+      .on('value', (snapshot) => {
+        const newState: Cat[] = [];
+        snapshot.forEach((child) => {
+          newState.push({ ...child.val() });
+          setFriendlyCats([...newState]);
+        });
       });
-    });
-    catsRef.orderByChild("friendly").equalTo(false).on('value', (snapshot) => {
-      const newState: Cat[] = [];
-      snapshot.forEach((child) => {
-        newState.push({ ...child.val() });
-        setNotFriendlyCats([...newState]);
+    catsRef
+      .orderByChild('friendly')
+      .equalTo(false)
+      .on('value', (snapshot) => {
+        const newState: Cat[] = [];
+        snapshot.forEach((child) => {
+          newState.push({ ...child.val() });
+          setNotFriendlyCats([...newState]);
+        });
       });
-    });
-
   }, []);
-  
 
-  function unhealthy(text){
+  function unhealthy(text) {
     const newData = unHealthyCats.filter((item) => {
-      if(item.name.length == 0){
-        const itemData = "Unknown";
-        return itemData
+      if (item.name.length == 0) {
+        const itemData = 'Unknown';
+        return itemData;
       }
       const itemData = `${item.name}`;
-      return itemData
-   
+      return itemData;
     });
     setSearch(text);
     setData(newData);
   }
-  function healthy(text){
+  function healthy(text) {
     const newData = healthyCats.filter((item) => {
-      if(item.name.length == 0){
-        const itemData = "Unknown";
-        return itemData
+      if (item.name.length == 0) {
+        const itemData = 'Unknown';
+        return itemData;
       }
       const itemData = `${item.name}`;
-      return itemData
+      return itemData;
     });
     setSearch(text);
     setData(newData);
   }
-  function kitten(text){
+  function kitten(text) {
     const newData = kittens.filter((item) => {
-      if(item.name.length == 0){
-        const itemData = "Unknown";
-        return itemData
+      if (item.name.length == 0) {
+        const itemData = 'Unknown';
+        return itemData;
       }
       const itemData = `${item.name}`;
-      return itemData
+      return itemData;
     });
     setSearch(text);
     setData(newData);
   }
-  function cat(text){
+  function cat(text) {
     const newData = notKittens.filter((item) => {
-      if(item.name.length == 0){
-        const itemData = "Unknown";
-        return itemData
+      if (item.name.length == 0) {
+        const itemData = 'Unknown';
+        return itemData;
       }
       const itemData = `${item.name}`;
-      return itemData
+      return itemData;
     });
     setSearch(text);
     setData(newData);
   }
-  function friendly(text){
+  function friendly(text) {
     const newData = friendlyCats.filter((item) => {
       const itemData = `${item.name}`;
-      if(item.name.length == 0){
-        const itemData = "Unknown";
-        return itemData
+      if (item.name.length == 0) {
+        const itemData = 'Unknown';
+        return itemData;
       }
       if (text.length > 0) {
-        return itemData
+        return itemData;
       }
     });
     setData(newData);
   }
-  function unfriendly(text){
+  function unfriendly(text) {
     const newData = notFriendlyCats.filter((item) => {
-      if(item.name.length == 0){
-        const itemData = "Unknown";
-        return itemData
+      if (item.name.length == 0) {
+        const itemData = 'Unknown';
+        return itemData;
       }
       const itemData = `${item.name}`;
-      return itemData
+      return itemData;
     });
     setSearch(text);
     setData(newData);
   }
-  function comments(text){
+  function comments(text) {
     const newData = catComments.filter((item) => {
-      if(item.comments.length > 0){
-        if(item.name.length == 0){
-          const itemData = "Unknown";
-          return itemData
+      if (item.comments.length > 0) {
+        if (item.name.length == 0) {
+          const itemData = 'Unknown';
+          return itemData;
         }
         const itemData = `${item.name}`;
-        return itemData
+        return itemData;
       }
     });
     setSearch(text);
     setData(newData);
   }
-  function unknownName(text){
+  function unknownName(text) {
     const newData = catData.filter((item) => {
-      if(item.name.length == 0){
-        const itemData = "Unknown";
-        return itemData
+      if (item.name.length == 0) {
+        const itemData = 'Unknown';
+        return itemData;
       }
     });
     setSearch(text);
     setData(newData);
   }
-  function recent(text){
+  function recent(text) {
     const newData = catDate.filter((item) => {
-      const split = item.date.toString().split('/')
-     // console.log(split[1])
+      const split = item.date.toString().split('/');
+      // console.log(split[1])
       const newDate = split[1];
       const splitCurrent = currentDate.split('/');
       const currentDate2 = splitCurrent[1];
-     // console.log(currentDate)
-     const newMonth = split[0];
-     
-     const currentMonth = splitCurrent[0];
-    // console.log(currentDate)
-     const difMonth = Number(currentMonth) - Number(newMonth);
+      // console.log(currentDate)
+      const newMonth = split[0];
+
+      const currentMonth = splitCurrent[0];
+      // console.log(currentDate)
+      const difMonth = Number(currentMonth) - Number(newMonth);
       const dif = Number(currentDate2) - Number(newDate);
-     // console.log(dif)
-     if(difMonth == 0){
-      if(dif <= 10 ){
-        if(item.name.length == 0){
-          const itemData = "Unknown";
-          return itemData
+      // console.log(dif)
+      if (difMonth == 0) {
+        if (dif <= 10) {
+          if (item.name.length == 0) {
+            const itemData = 'Unknown';
+            return itemData;
+          }
+          const itemData = `${item.name}`;
+          return itemData;
         }
-        const itemData = `${item.name}`;
-        return itemData
       }
-    }
     });
     setSearch(text);
     setData(newData);
   }
-  function recentMonth(text){
+  function recentMonth(text) {
     const newData = catDate.filter((item) => {
-      const split = item.date.toString().split('/')
-     // console.log(split[1])
+      const split = item.date.toString().split('/');
+      // console.log(split[1])
       const newMonth = split[0];
       const splitCurrent = currentDate.split('/');
       const currentMonth = splitCurrent[0];
-     // console.log(currentDate)
+      // console.log(currentDate)
       const dif = Number(currentMonth) - Number(newMonth);
-      if(dif == 1){//current date: 12/6/2021, cat date could be: 11/6/2021
-        //console.log(dif)
-        if(item.name.length == 0){
-          const itemData = "Unknown";
-          return itemData
+      if (dif == 1) {
+        // current date: 12/6/2021, cat date could be: 11/6/2021
+        // console.log(dif)
+        if (item.name.length == 0) {
+          const itemData = 'Unknown';
+          return itemData;
         }
         const itemData = `${item.name}`;
-        return itemData 
+        return itemData;
       }
     });
     setSearch(text);
@@ -266,51 +285,60 @@ filtering search bar text input to see if any of the input matches any element w
   will initialize newData (Cat[]) as the new data to be rendered by the flatlist when the user enters text within the search bar. */
 
   function searchFilterFunction(text) {
-  
-    if(text == "Unhealthy" || text == "unhealthy" || text == "Needs help" || text == "unhealthy cats" || text == "Needs medical help" || text == "Critical condition"){
+    if (
+      text == 'Unhealthy' ||
+      text == 'unhealthy' ||
+      text == 'Needs help' ||
+      text == 'unhealthy cats' ||
+      text == 'Needs medical help' ||
+      text == 'Critical condition'
+    ) {
       unhealthy(text);
-    }
-    else if(text == "healthy" || text == "Healthy" || text == "good condition"){
+    } else if (text == 'healthy' || text == 'Healthy' || text == 'good condition') {
       healthy(text);
-    }
-    else if(text == "kittens" || text == "Kittens" || text == "kitten" || text == "Kitten"){
+    } else if (text == 'kittens' || text == 'Kittens' || text == 'kitten' || text == 'Kitten') {
       kitten(text);
-    }
-    else if(text == "Adult" || text == "older cats" || text == "adult cats" || text == "Old"){
+    } else if (text == 'Adult' || text == 'older cats' || text == 'adult cats' || text == 'Old') {
       cat(text);
-    }
-    else if(text == "Friendly" || text == "friendly" || text == "Kind" || text == "Nice" || text == "nice"){
+    } else if (text == 'Friendly' || text == 'friendly' || text == 'Kind' || text == 'Nice' || text == 'nice') {
       friendly(text);
-    }
-    else if(text == "Unfriendly" || text == "unfriendly" || text == "mean" || text == "Mean"){
+    } else if (text == 'Unfriendly' || text == 'unfriendly' || text == 'mean' || text == 'Mean') {
       unfriendly(text);
-    }
-    else if(text == "additional" || text == "Additional" || text == "Additional info" || text == "additional info"|| text == "Additional information"|| text == "additional information"){
+    } else if (
+      text == 'additional' ||
+      text == 'Additional' ||
+      text == 'Additional info' ||
+      text == 'additional info' ||
+      text == 'Additional information' ||
+      text == 'additional information'
+    ) {
       comments(text);
-    }
-    else if(text == "unknown" || text == "Unknown"){
+    } else if (text == 'unknown' || text == 'Unknown') {
       unknownName(text);
-    }
-    else if(text == "recent" || text == "Recent"){
+    } else if (text == 'recent' || text == 'Recent') {
       recent(text);
-    }
-    else if(text == "recent monthly" || text == "Recent monthly" || text == "month" || text == "Month" || text == "monthly" || text == "Monthly"){
+    } else if (
+      text == 'recent monthly' ||
+      text == 'Recent monthly' ||
+      text == 'month' ||
+      text == 'Month' ||
+      text == 'monthly' ||
+      text == 'Monthly'
+    ) {
       recentMonth(text);
-    }
-    else if(text.length > 0){
-    
+    } else if (text.length > 0) {
       const newData = catValues.filter((item) => {
-        if(item.comments.length > 0){
+        if (item.comments.length > 0) {
           const itemData = `${item.comments}`;
           const textData = text;
           return itemData.indexOf(textData) > -1;
         }
-        else if(item.color.length > 0){
+        if (item.color.length > 0) {
           const itemData = `${item.color}`;
           const textData = text;
           return itemData.indexOf(textData) > -1;
         }
-        else if(item.eyeColor.length > 0){
+        if (item.eyeColor.length > 0) {
           const itemData = `${item.eyeColor}`;
           const textData = text;
           return itemData.indexOf(textData) > -1;
@@ -320,13 +348,11 @@ filtering search bar text input to see if any of the input matches any element w
         return itemData.indexOf(textData) > -1;
       });
       setData(newData);
-    }
-    else if(text.length == 0){
-      setData(text)
+    } else if (text.length == 0) {
+      setData(text);
     }
     setSearch(text);
   }
- 
 
   // Renders when the app renders so that the user can type something in
   function renderHeader() {
diff --git a/screens/CatModal.tsx b/screens/CatModal.tsx
index d1e4136..920193a 100644
--- a/screens/CatModal.tsx
+++ b/screens/CatModal.tsx
@@ -1,7 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import {
-  Image, ScrollView, Modal, StyleSheet, Dimensions, Alert,
-} from 'react-native';
+import { Image, ScrollView, Modal, StyleSheet, Dimensions, Alert } from 'react-native';
 import { Input, Button, Icon } from 'react-native-elements';
 import { v4 as uuidv4 } from 'uuid';
 import { SafeAreaView } from 'react-native-safe-area-context';
@@ -9,13 +7,16 @@ import { Text, View } from '../components/Themed';
 import CommentComponent from '../components/CommentComponent';
 import { AuthContext } from '../context/FirebaseAuthContext';
 import firebase from '../utils/firebase';
-import {
-  Cat, Comment, RootTabScreenProps, Report,
-} from '../types';
+import { Cat, Comment, RootTabScreenProps, Report } from '../types';
 
 const { width } = Dimensions.get('window');
 const modStatus: any[] = [];
-
+/**
+ * Function that renders the modal for displaying a reported cat.
+ * @component
+ * @param {RootTabScreenProps} props navigation properties from the root of the account button in navigation
+ * @returns {JSX.Element} JSX element of the account screen
+ */
 export default function ModalScreen({ route }, { navigation }: RootTabScreenProps<'Home'>) {
   const { cat } = route.params;
   const commentsRef = firebase.database().ref().child(`Cats/${cat.catID}/commentList/`);
@@ -56,10 +57,8 @@ export default function ModalScreen({ route }, { navigation }: RootTabScreenProp
     imageRef.delete();
   };
 
-  const showValidationAlert = () => Alert.alert(
-    'Delete',
-    'Are your sure you want to delete this post?',
-    [
+  const showValidationAlert = () =>
+    Alert.alert('Delete', 'Are your sure you want to delete this post?', [
       {
         text: 'Yes',
         onPress: () => {
@@ -70,8 +69,7 @@ export default function ModalScreen({ route }, { navigation }: RootTabScreenProp
       {
         text: 'No',
       },
-    ],
-  );
+    ]);
 
   useEffect(() => {
     commentsRef.on('child_added', (snapshot) => {
@@ -133,33 +131,21 @@ export default function ModalScreen({ route }, { navigation }: RootTabScreenProp
           />
         </View>
         <View style={styles.separator} lightColor="rgba(255,255,255,0.1)" darkColor="rgba(255,255,255,0.1)" />
-        <Text style={styles.catDate}>
-          {`Date Sighted: ${cat.date} ${cat.time}\n`}
-        </Text>
+        <Text style={styles.catDate}>{`Date Sighted: ${cat.date} ${cat.time}\n`}</Text>
         <View style={styles.cattributeContainer}>
-          <Text style={styles.catInfo}>
-            {cat.friendly != null ? `Friendly: ${cat.friendly}\n` : ''}
-          </Text>
+          <Text style={styles.catInfo}>{cat.friendly != null ? `Friendly: ${cat.friendly}\n` : ''}</Text>
         </View>
         <View style={styles.cattributeContainer}>
-          <Text style={styles.catInfo}>
-            {cat.healthy != null ? `Healthy: ${cat.healthy}\n` : ''}
-          </Text>
+          <Text style={styles.catInfo}>{cat.healthy != null ? `Healthy: ${cat.healthy}\n` : ''}</Text>
         </View>
         <View style={styles.cattributeContainer}>
-          <Text style={styles.catInfo}>
-            {cat.kitten != null ? `Kitten: ${cat.kitten}\n` : ''}
-          </Text>
+          <Text style={styles.catInfo}>{cat.kitten != null ? `Kitten: ${cat.kitten}\n` : ''}</Text>
         </View>
         <View style={styles.cattributeContainer}>
-          <Text style={styles.catInfo}>
-            {cat.color ? `Color: ${cat.color}\n` : ''}
-          </Text>
+          <Text style={styles.catInfo}>{cat.color ? `Color: ${cat.color}\n` : ''}</Text>
         </View>
         <View style={styles.cattributeContainer}>
-          <Text style={styles.catInfo}>
-            {cat.eyeColor ? `Eye Color: ${cat.eyeColor}` : ''}
-          </Text>
+          <Text style={styles.catInfo}>{cat.eyeColor ? `Eye Color: ${cat.eyeColor}` : ''}</Text>
         </View>
         <View style={styles.cattributeContainer}>
           <Text style={styles.catInfo}>
@@ -167,9 +153,7 @@ export default function ModalScreen({ route }, { navigation }: RootTabScreenProp
           </Text>
         </View>
         <View style={styles.bottomSeparator} lightColor="rgba(255,255,255,0.1)" darkColor="rgba(255,255,255,0.1)" />
-        <Text style={styles.catDate}>
-          Comment Thread:
-        </Text>
+        <Text style={styles.catDate}>Comment Thread:</Text>
         <ScrollView style={styles.scrollView}>
           {commentList.map((comment, index) => (
             <CommentComponent key={index} comment={comment} />
@@ -180,10 +164,12 @@ export default function ModalScreen({ route }, { navigation }: RootTabScreenProp
           value={comment.content}
           placeholder="Enter Comment..."
           placeholderTextColor="#8B0000"
-          onChangeText={(text) => setComment((currentState: Comment) => ({
-            ...currentState,
-            content: text,
-          }))}
+          onChangeText={(text) =>
+            setComment((currentState: Comment) => ({
+              ...currentState,
+              content: text,
+            }))
+          }
         />
         <Button
           title="Submit Comment"
@@ -215,10 +201,12 @@ export default function ModalScreen({ route }, { navigation }: RootTabScreenProp
                   selectionColor="white"
                   placeholder="Enter why you're reporting this post..."
                   placeholderTextColor="black"
-                  onChangeText={(text) => setReport((currentState: Report) => ({
-                    ...currentState,
-                    reason: text,
-                  }))}
+                  onChangeText={(text) =>
+                    setReport((currentState: Report) => ({
+                      ...currentState,
+                      reason: text,
+                    }))
+                  }
                 />
                 <Button
                   title="Submit"
@@ -234,15 +222,9 @@ export default function ModalScreen({ route }, { navigation }: RootTabScreenProp
             </View>
           </Modal>
         </View>
-        {JSON.stringify(modStatus[0]) === '3'
-          ? (
-            <Button
-              title="Delete Cat"
-              buttonStyle={styles.buttonStyle}
-              onPress={() => showValidationAlert()}
-            />
-          )
-          : null}
+        {JSON.stringify(modStatus[0]) === '3' ? (
+          <Button title="Delete Cat" buttonStyle={styles.buttonStyle} onPress={() => showValidationAlert()} />
+        ) : null}
         <View />
         <View style={styles.bottomSeparator} lightColor="#8B0000" darkColor="rgba(255,255,255,0.1)" />
       </ScrollView>
diff --git a/screens/DownvotedPostsModal.tsx b/screens/DownvotedPostsModal.tsx
index 8aad17a..f293fe8 100644
--- a/screens/DownvotedPostsModal.tsx
+++ b/screens/DownvotedPostsModal.tsx
@@ -1,14 +1,98 @@
 import * as React from 'react';
-import { StyleSheet } from 'react-native';
-
+import { StyleSheet, Image, Button, Alert, TouchableOpacity } from 'react-native';
+import { useEffect } from 'react';
+import firebase from '../utils/firebase';
 import { Text, View } from '../components/Themed';
+import { Cat, Comment, RootStackScreenProps } from '../types';
+/**
+ * Function that renders the screen for resolving downvoted posts.
+ * @component
+ * @param {RootTabScreenProps} props navigation properties from the root of the account button in navigation
+ * @returns {JSX.Element} JSX element of the account screen
+ */
+export default function ModalScreen({ navigation }: RootStackScreenProps<'ReportedPosts'>) {
+  const [reportedCats, setReportedCats] = React.useState<Cat[]>([]);
+  const [reportedComments, setReportedComments] = React.useState<Comment[]>([]);
+
+  const catsRef = firebase.database().ref().child('Cats/');
+
+  useEffect(() => {
+    catsRef.get().then((snapshot) => {
+      const cats: Cat[] = Object.values(snapshot.val());
+      const reportedCats: Cat[] = [];
+      const reportedComments: Comment[] = [];
+
+      cats.forEach((cat) => {
+        if (cat.votes <= -3) {
+          reportedCats.push(cat);
+        }
+
+        if (cat.commentList) {
+          Object.values(cat.commentList).forEach((comment) => {
+            if (comment.votes <= -3) {
+              reportedComments.push(comment);
+            }
+          });
+        }
+      });
+
+      setReportedCats(reportedCats);
+      setReportedComments(reportedComments);
+    });
+  }, []);
 
-export default function ModalScreen() {
   return (
-    <View style={styles.container}>
-      <Text style={styles.title}>Downvoted stuff</Text>
+    <View style={[styles.container, styles.flexColumnContainer]}>
+      <Text style={styles.title}>Downvoted Cats</Text>
+      {/* <View style={styles.separator}/> */}
+      <View style={styles.flexColumnContainer}>
+        {reportedCats.map((cat, index) => (
+          <View key={index} style={styles.flexRowContainer}>
+            <TouchableOpacity onPress={() => navigation.push('Cat', { cat })}>
+              <Image style={styles.catImage} source={{ uri: cat.media }} />
+            </TouchableOpacity>
+            <View key={index}>
+              <Text>{`Downvotes: ${cat.votes}`}</Text>
+              <Button title="Resolve" color="#9D2235" onPress={() => resolveCat(cat)} />
+            </View>
+          </View>
+        ))}
+      </View>
+
+      <View style={styles.separator} />
+
+      <Text style={styles.title}>Downvoted Comments</Text>
+      {/* <View style={styles.separator}/> */}
+      <View style={styles.flexColumnContainer}>
+        {reportedComments.map((comment, index) => (
+          <View key={index} style={styles.flexRowContainer}>
+            <Text>{comment.content}</Text>
+          </View>
+        ))}
+      </View>
     </View>
   );
+
+  function resolveCat(cat: Cat) {
+    Alert.alert(
+      'Alert',
+      'Do you want delete this post?',
+      [
+        {
+          text: 'No',
+          style: 'cancel',
+        },
+        {
+          text: 'Yes',
+          onPress: () => {
+            catsRef.child(`${cat.catID}`).remove();
+            setReportedCats(reportedCats.filter((cats) => cats.catID !== cat.catID));
+          },
+        },
+      ],
+      { cancelable: true },
+    );
+  }
 }
 
 const styles = StyleSheet.create({
@@ -21,4 +105,24 @@ const styles = StyleSheet.create({
     fontSize: 20,
     fontWeight: 'bold',
   },
+  separator: {
+    marginVertical: 30,
+    height: 1,
+    width: '80%',
+    color: 'rgba(160, 28, 52, 0.75)',
+  },
+  flexColumnContainer: {
+    flex: 1,
+  },
+  flexRowContainer: {
+    flex: 1,
+    flexDirection: 'row',
+  },
+  catImage: {
+    width: 70,
+    height: 70,
+    borderWidth: 4,
+    borderColor: 'rgba(160, 28, 52, 0.75)',
+    borderRadius: 7,
+  },
 });
diff --git a/screens/Facebook.tsx b/screens/Facebook.tsx
index 9b98682..1b4cae9 100644
--- a/screens/Facebook.tsx
+++ b/screens/Facebook.tsx
@@ -1,11 +1,13 @@
 import Constants from 'expo-constants';
 import * as React from 'react';
-import {
-  StyleSheet, Text, View, StatusBar, Linking, Button, Alert,
-} from 'react-native';
+import { StyleSheet, StatusBar, Linking, Alert } from 'react-native';
 import { WebView } from 'react-native-webview';
-import LoginAuthentication from '../components/LoginAuthentication';
-
+/**
+ * Function that renders the webview for displaying the Temple Cats Facebook Group.
+ * @component
+ * @param {RootTabScreenProps} props navigation properties from the root of the account button in navigation
+ * @returns {JSX.Element} JSX element of the account screen
+ */
 export default function Facebook() {
   return (
     Alert.alert(
@@ -20,16 +22,11 @@ export default function Facebook() {
         {
           text: 'Yes',
           onPress: () => Linking.openURL('fb://profile/250544657405'),
-
         },
-
       ],
       { cancelable: false },
     ),
-      <WebView
-        styles={styles.container}
-        source={{ uri: 'https://www.facebook.com/groups/templecats' }}
-      />
+    (<WebView styles={styles.container} source={{ uri: 'https://www.facebook.com/groups/templecats' }} />)
   );
 }
 
diff --git a/screens/FeedingStationModal.tsx b/screens/FeedingStationModal.tsx
index f4eab7d..d40615b 100644
--- a/screens/FeedingStationModal.tsx
+++ b/screens/FeedingStationModal.tsx
@@ -3,16 +3,20 @@ import { StyleSheet, Image } from 'react-native';
 
 import { Text, View } from '../components/Themed';
 import { RootStackParamList, RootTabScreenProps } from '../types';
+/**
+ * Function that renders the modal for viewing information on a feeding station.
+ * @component
+ * @param {RootTabScreenProps} props navigation properties from the root of the account button in navigation
+ * @returns {JSX.Element} JSX element of the account screen
+ */
+export default function ModalScreen({ route }, { navigation }: RootTabScreenProps<'Home'>) {
+  // console.log(route.params.info)
+  const statusReports: any[] = [];
 
-export default function ModalScreen({ route }, { navigation }: RootTabScreenProps<"Home">) {
-
-  //console.log(route.params.info)
-  var statusReports: any[] = [];
-
-  for(const i in route.params.info){
-    statusReports.push(route.params.info[i])
+  for (const i in route.params.info) {
+    statusReports.push(route.params.info[i]);
   }
- 
+
   return (
     <View style={styles.container}>
       <Text style={styles.title}>{route.params.title}</Text>
@@ -25,20 +29,18 @@ export default function ModalScreen({ route }, { navigation }: RootTabScreenProp
 
       <View style={styles.separator} lightColor="#eee" darkColor="rgba(255,255,255,0.1)" />
 
-      {statusReports.map((item) => {
-        return (
-            <View style={styles.content}>
-              <Text style={styles.contentList}>
-                {"Status: " + item.status}
-                {'\n'}
-                {"Ingredients Needed: " + item.ingredients}
-                {'\n'}
-                {"Time: " + item.time}
-                {'\n\n'}
-              </Text>
-            </View> 
-        )
-      })}
+      {statusReports.map((item) => (
+        <View style={styles.content}>
+          <Text style={styles.contentList}>
+            {`Status: ${item.status}`}
+            {'\n'}
+            {`Ingredients Needed: ${item.ingredients}`}
+            {'\n'}
+            {`Time: ${item.time}`}
+            {'\n\n'}
+          </Text>
+        </View>
+      ))}
     </View>
   );
 }
diff --git a/screens/LocationPicker.tsx b/screens/LocationPicker.tsx
index c3d288b..9f61841 100644
--- a/screens/LocationPicker.tsx
+++ b/screens/LocationPicker.tsx
@@ -1,11 +1,24 @@
-import { MaterialIcons } from "@expo/vector-icons";
-import React, { useRef, useState } from "react";
-import { StyleSheet, Button, View, NativeSyntheticEvent, NativeTouchEvent, TouchableOpacity, Image } from "react-native";
-import MapView, { Marker, MapEvent } from "react-native-maps";
-import TUMapBorder from "../components/TUMapBorder";
-import Colors from "../constants/Colors";
-import Gps from "../utils/gps";
-
+import { MaterialIcons } from '@expo/vector-icons';
+import React, { useRef, useState } from 'react';
+import {
+  StyleSheet,
+  Button,
+  View,
+  NativeSyntheticEvent,
+  NativeTouchEvent,
+  TouchableOpacity,
+  Image,
+} from 'react-native';
+import MapView, { Marker, MapEvent } from 'react-native-maps';
+import TUMapBorder from '../components/TUMapBorder';
+import Colors from '../constants/Colors';
+import Gps from '../utils/gps';
+/**
+ * Function that renders the view for picking a location a cat was seen.
+ * @component
+ * @param {RootTabScreenProps} props navigation properties from the root of the account button in navigation
+ * @returns {JSX.Element} JSX element of the account screen
+ */
 const LocationPicker = (props: {
   onCancel: () => void;
   onConfirm: (coordinate: { latitude: number; longitude: number }) => void;
@@ -19,18 +32,19 @@ const LocationPicker = (props: {
   const myLocation = Gps();
 
   function goToMyLocation() {
-    mapViewRef.current?.animateToRegion(
-      myLocation,
-      1000);
+    mapViewRef.current?.animateToRegion(myLocation, 1000);
   }
 
   function goToTemple() {
-    mapViewRef.current?.animateToRegion({
-      latitude: 39.9806438149835,
-      longitude: -75.15574242934214,
-      latitudeDelta: 0.022,
-      longitudeDelta: 0.022 },
-      1000);
+    mapViewRef.current?.animateToRegion(
+      {
+        latitude: 39.9806438149835,
+        longitude: -75.15574242934214,
+        latitudeDelta: 0.022,
+        longitudeDelta: 0.022,
+      },
+      1000,
+    );
   }
 
   function onMapPress(e: MapEvent) {
@@ -48,36 +62,26 @@ const LocationPicker = (props: {
 
   return (
     <View style={styles.container}>
-      <MapView ref={mapViewRef}
+      <MapView
+        ref={mapViewRef}
         style={styles.map}
-        provider={"google"}
+        provider="google"
         initialRegion={myLocation}
-        showsUserLocation={true}
+        showsUserLocation
         showsMyLocationButton={false}
         onPress={onMapPress}
       >
         <Marker coordinate={markerCoordinate} opacity={markerOpacity} />
-        <TUMapBorder/>
+        <TUMapBorder />
       </MapView>
       <TouchableOpacity style={styles.myLocationButton} onPress={goToMyLocation}>
-        <MaterialIcons
-          name="my-location"
-          size={25}
-          color={Colors["light"].text}
-          style={styles.myLocationIcon}
-        />
+        <MaterialIcons name="my-location" size={25} color={Colors.light.text} style={styles.myLocationIcon} />
       </TouchableOpacity>
       <TouchableOpacity style={styles.templeButton} onPress={goToTemple}>
-        <Image style={styles.templeLogo} source={require("../assets/images/temple-logo.png")}/>
+        <Image style={styles.templeLogo} source={require('../assets/images/temple-logo.png')} />
       </TouchableOpacity>
-      <Button
-        title="Cancel"
-        onPress={onCancelPress}
-      />
-      <Button
-        title="Confirm"
-        onPress={onConfirmPress}
-      />
+      <Button title="Cancel" onPress={onCancelPress} />
+      <Button title="Confirm" onPress={onConfirmPress} />
     </View>
   );
 };
@@ -85,33 +89,33 @@ const LocationPicker = (props: {
 const styles = StyleSheet.create({
   container: {
     ...StyleSheet.absoluteFillObject,
-    height: "100%",
-    width: "100%",
-    justifyContent: "flex-end",
-    alignItems: "center",
+    height: '100%',
+    width: '100%',
+    justifyContent: 'flex-end',
+    alignItems: 'center',
   },
   map: {
     ...StyleSheet.absoluteFillObject,
   },
   myLocationButton: {
-    position: "absolute",
+    position: 'absolute',
     right: 12,
     top: 10,
     width: 38,
     height: 38,
-    shadowColor: "#000",
-    shadowOffset: { width: 0, height: 1, },
-    shadowOpacity: 0.20,
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 1 },
+    shadowOpacity: 0.2,
     shadowRadius: 1.41,
-    backgroundColor: "rgba(255, 255, 255, 0.7)",
-    justifyContent: "center",
-    alignItems: "center",
+    backgroundColor: 'rgba(255, 255, 255, 0.7)',
+    justifyContent: 'center',
+    alignItems: 'center',
   },
   myLocationIcon: {
     opacity: 0.7,
   },
   templeButton: {
-    position: "absolute",
+    position: 'absolute',
     right: 12,
     top: 60,
     width: 38,
@@ -119,8 +123,8 @@ const styles = StyleSheet.create({
   },
   templeLogo: {
     ...StyleSheet.absoluteFillObject,
-    width: "100%",
-    height: "100%",
+    width: '100%',
+    height: '100%',
   },
 });
 
diff --git a/screens/ReportedPostsModal.tsx b/screens/ReportedPostsModal.tsx
index e9d0cc5..4caf1ef 100644
--- a/screens/ReportedPostsModal.tsx
+++ b/screens/ReportedPostsModal.tsx
@@ -1,10 +1,15 @@
 import * as React from 'react';
 import { StyleSheet, Image, Button, Alert, TouchableOpacity } from 'react-native';
-import firebase from "../utils/firebase";
-import { Text, View } from '../components/Themed';
 import { useEffect } from 'react';
+import firebase from '../utils/firebase';
+import { Text, View } from '../components/Themed';
 import { Cat, Comment, Report, RootStackScreenProps } from '../types';
-
+/**
+ * Function that renders the screen for resolving reported posts.
+ * @component
+ * @param {RootTabScreenProps} props navigation properties from the root of the account button in navigation
+ * @returns {JSX.Element} JSX element of the account screen
+ */
 export default function ModalScreen({ navigation }: RootStackScreenProps<'ReportedPosts'>) {
   const [reportedCats, setReportedCats] = React.useState<Cat[]>([]);
   const [reportedComments, setReportedComments] = React.useState<Comment[]>([]);
@@ -21,12 +26,15 @@ export default function ModalScreen({ navigation }: RootStackScreenProps<'Report
       cats.forEach((cat) => {
         // find cats that have reports
         if (cat.reports && Object.keys(cat.reports).length > 0) {
-          picsRef.child(cat.accountID + '/' + cat.catID).getDownloadURL().then((picUrl) => {
-            cat.media = picUrl
-          });
+          picsRef
+            .child(`${cat.accountID}/${cat.catID}`)
+            .getDownloadURL()
+            .then((picUrl) => {
+              cat.media = picUrl;
+            });
           reportedCats.push(cat);
         }
-        
+
         // find comments that have reports
         if (cat.commentList) {
           Object.values(cat.commentList).forEach((comment) => {
@@ -44,28 +52,25 @@ export default function ModalScreen({ navigation }: RootStackScreenProps<'Report
 
   return (
     <View style={[styles.container, styles.flexColumnContainer]}>
-
       <Text style={styles.title}>Reported Cats</Text>
       {/* <View style={styles.separator}/> */}
       <View style={styles.flexColumnContainer}>
         {reportedCats.map((cat, index) => (
           <View key={index} style={styles.flexRowContainer}>
             <TouchableOpacity onPress={() => navigation.push('Cat', { cat })}>
-              <Image style={styles.catImage} source={{ uri: cat.media }}/>
+              <Image style={styles.catImage} source={{ uri: cat.media }} />
             </TouchableOpacity>
-            {Object.values(cat.reports).map((report, index) => {
-              return (
-                <View key={index}>
-                  <Text>{'Reason: ' + report.reason}</Text>
-                  <Button title='Resolve' color='#9D2235' onPress={() => resolveReport(report)}/>
-                </View>
-              );
-            })}
+            {Object.values(cat.reports).map((report, index) => (
+              <View key={index}>
+                <Text>{`Reason: ${report.reason}`}</Text>
+                <Button title="Resolve" color="#9D2235" onPress={() => resolveReport(report)} />
+              </View>
+            ))}
           </View>
         ))}
       </View>
 
-      <View style={styles.separator}/>
+      <View style={styles.separator} />
 
       <Text style={styles.title}>Reported Comments</Text>
       {/* <View style={styles.separator}/> */}
@@ -73,14 +78,12 @@ export default function ModalScreen({ navigation }: RootStackScreenProps<'Report
         {reportedComments.map((comment, index) => (
           <View key={index} style={styles.flexRowContainer}>
             <Text>{comment.content}</Text>
-            {Object.values(comment.reports).map((report, index) => {
-              return (
-                <View key={index}>
-                  <Text>{'Reason: ' + report.reason}</Text>
-                  <Button title='Resolve' color='#9D2235' onPress={() => resolveReport(report)}/>
-                </View>
-              );
-            })}
+            {Object.values(comment.reports).map((report, index) => (
+              <View key={index}>
+                <Text>{`Reason: ${report.reason}`}</Text>
+                <Button title="Resolve" color="#9D2235" onPress={() => resolveReport(report)} />
+              </View>
+            ))}
           </View>
         ))}
       </View>
@@ -99,7 +102,7 @@ export default function ModalScreen({ navigation }: RootStackScreenProps<'Report
         {
           text: 'Yes',
           onPress: () => {
-            catsRef.child(report.catID + '/reports/' + report.reportID).remove();
+            catsRef.child(`${report.catID}/reports/${report.reportID}`).remove();
             setReportedCats(reportedCats.filter((cat) => cat.catID !== report.catID));
           },
         },
@@ -130,7 +133,7 @@ const styles = StyleSheet.create({
   },
   flexRowContainer: {
     flex: 1,
-    flexDirection: "row",
+    flexDirection: 'row',
   },
   catImage: {
     width: 70,
diff --git a/screens/Rewards.tsx b/screens/Rewards.tsx
index c4a024c..cd51e62 100644
--- a/screens/Rewards.tsx
+++ b/screens/Rewards.tsx
@@ -1,7 +1,11 @@
-import * as React from "react";
-import { StyleSheet} from "react-native";
-import { Text, View } from "../components/Themed";
-
+import * as React from 'react';
+import { StyleSheet } from 'react-native';
+import { Text, View } from '../components/Themed';
+/**
+ * Function that renders the screen for cashing in points for rewards.
+ * @component
+ * @returns {JSX.Element} JSX element of the account screen
+ */
 export default function Rewards() {
   return (
     <View style={styles.container}>
@@ -14,16 +18,16 @@ export default function Rewards() {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    alignItems: "center",
-    justifyContent: "center"
+    alignItems: 'center',
+    justifyContent: 'center',
   },
   title: {
     fontSize: 20,
-    fontWeight: "bold"
+    fontWeight: 'bold',
   },
   separator: {
     marginVertical: 30,
     height: 1,
-    width: "80%"
-  }
+    width: '80%',
+  },
 });
diff --git a/screens/Settings.tsx b/screens/Settings.tsx
index 2c6b09d..e5f47e0 100644
--- a/screens/Settings.tsx
+++ b/screens/Settings.tsx
@@ -1,22 +1,28 @@
-import * as React from "react";
-import { StyleSheet, StatusBar} from "react-native";
-import { WebView } from "react-native-webview";
-
+import * as React from 'react';
+import { StyleSheet, StatusBar } from 'react-native';
+import { WebView } from 'react-native-webview';
 
+/**
+ * Function that renders the screen for changing settings.
+ * @component
+ * @returns {JSX.Element} JSX element of the account screen
+ */
 export default function Settings() {
   return (
     <WebView
       style={styles.feedbackWebView}
       originWhitelist={['*']}
-      incognito={true}
-      source={{ html: '<html><body><script type="text/javascript" src="https://templecats.atlassian.net/s/d41d8cd98f00b204e9800998ecf8427e-T/-x8fh9u/b/3/9edb822e6c4db3635f27806476c088cb/_/download/batch/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector.js?locale=en-US&collectorId=9701a96d"></script></body></html>'}}
+      incognito
+      source={{
+        html: '<html><body><script type="text/javascript" src="https://templecats.atlassian.net/s/d41d8cd98f00b204e9800998ecf8427e-T/-x8fh9u/b/3/9edb822e6c4db3635f27806476c088cb/_/download/batch/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector.js?locale=en-US&collectorId=9701a96d"></script></body></html>',
+      }}
     />
-  ); 
+  );
 }
 
 const styles = StyleSheet.create({
   feedbackWebView: {
     flex: 1,
-    paddingTop: StatusBar.currentHeight
-  }
+    paddingTop: StatusBar.currentHeight,
+  },
 });
diff --git a/types.tsx b/types.tsx
index 005591e..14371e2 100644
--- a/types.tsx
+++ b/types.tsx
@@ -22,8 +22,8 @@ export type RootStackParamList = {
   Settings: undefined;
   Rewards: undefined;
   NotFound: undefined;
-  Cat: {cat: Cat};
-  FeedingStations: {title: String, info: any};
+  Cat: { cat: Cat };
+  FeedingStations: { title: String; info: any };
   ReportedPosts: undefined;
   DownvotedPosts: undefined;
 };
@@ -55,18 +55,19 @@ export type Report = {
 
 export type ReportList = {
   [key: string]: Report;
-}
+};
 
 export type Comment = {
   commentID: string;
   content: string;
   accountID: string;
   reports: ReportList;
+  votes: number;
 };
 
 export type CommentList = {
   [key: string]: Comment;
-}
+};
 
 export type Announcement = {
   announcementID: string;
@@ -109,15 +110,13 @@ export type Cat = {
 };
 
 export type FeedingStations = {
- title: String;
- info: String;
- latitude: any,
- longitude: any,
- street: String,
+  title: String;
+  info: String;
+  latitude: any;
+  longitude: any;
+  street: String;
 };
 
-
-
 export type User = {
   displayName: string | null | undefined;
   accountID: string | undefined;