:recycle: using some try-catch to produce better errors

frontend/src/services/grouping.service.js

  * @returns {array} instantiated Profile objects (see: /entites/profile)
  */
 const fetchMembershipsByProfileId = async profileId => {
-    const membershipsForProfileId = await db.get(`/membership/${profileId}`)
     const validGroupingInstances = []
-    for (let membership of membershipsForProfileId) {
-        const grouping = new Grouping(membership)
-        grouping.tags = await db.get(
-            `/profile/${profileId}/tags/${grouping.grouping_id}`,
-        )
-        if (grouping.isValid()) {
-            // Reformat incoming profile data into Profile entity
-            grouping.profile = new Profile(grouping.profile)
-            validGroupingInstances.push(grouping)
+    let memberships
+    try {
+        memberships = await db.get(`/membership/${profileId}`)
+        for (let membership of memberships) {
+            const grouping = new Grouping(membership)
+            grouping.tags = await db.get(
+                `/profile/${profileId}/tags/${grouping.grouping_id}`,
+            )
+            if (grouping.isValid()) {
+                // Reformat incoming profile data into Profile entity
+                grouping.profile = new Profile(grouping.profile)
+                validGroupingInstances.push(grouping)
+            }
         }
+    } catch (error) {
+        console.error(`[Grouping Service]: ${error}\ngroupings: ${memberships}`)
     }
     return validGroupingInstances
 }

frontend/src/services/survey.service.js

  * @returns {array} instantiated Profile objects (see: /entites/profile)
  */
 const fetchQuestions = async () => {
-    const questions = await db.get(`/survey/questions`)
-    // Add responses to match the format from the survery factory
-    return questions.map(q => {
-        q.responses = !q.responses ? [] : q.responses
-        return q
-    })
+    let withResponses
+    try {
+        const questions = await db.get(`/survey/questions`)
+        // Add responses to match the format from the survery factory
+        withResponses = questions.map(q => {
+            q.responses = !q.responses ? [] : q.responses
+            return q
+        })
+    } catch (error) {
+        console.error(`[Survey Service]: ${error}\nquestions: ${withResponses}`)
+    }
+    return withResponses
 }
 
 const updateSurveyByProfileId = async (surveyResponses, profileId) => {
     })
 }
 
-// const updateSurveyByProfileId = async (surveyResponses, profileId) => {
-//     surveyResponses.forEach(responseKeyIdwithVal => {
-//         const keyId = responseKeyIdwithVal.response_key_id
-//         const val = responseKeyIdwithVal.val
-//         // PATCH
-//         db.patch(`/profile/${profileId}/update/${keyId}`, [
-//             {
-//                 response_id: 2,
-//                 profile_id: profileId,
-//                 response_key_id: keyId,
-//                 val: val,
-//             },
-//         ])
-//     })
-// }
-
 const scoreSurveyByProfileId = async (profileId, maxDistance = 99) => {
     const scoreSurvey = await db.get(
         `/profile/${profileId}/score?max_distance=${maxDistance}`,

frontend/src/utils/db.js

             const jsonRes = await res.json()
             return jsonRes.data
         } catch (error) {
-            console.error(error)
+            console.error(`[API Util]: ${error}\nroute:`, endpoint)
         }
     }
     async post(endpoint, payload = {}) {
             console.error(error)
         }
     }
-    
+
     /** !: DEV ONLY */
     // async removeAll() { }
 }

frontend/src/utils/index.js

 import { possible } from './lang.js'
 import { pidMixin, cardMixin } from './mixins.js'
 
-import config from '../../../backend/db/data-generator/config.json' assert { type: 'json' }
-const possibleZipcodes = config.possibleZipcodes
+// This will NOT work until ES2022 gets assert in browsers
+// import config from '../../../backend/db/data-generator/config.json' assert { type: 'json' }
+// TODO: Remove this when assert works in browsers
+const possibleZipcodes = [
+    '90012',
+    '90040',
+    '90058',
+    '90064',
+    '90065',
+    '90240',
+    '90274',
+    '90278',
+    '90280',
+    '90290',
+    '90291',
+    '90292',
+    '90293',
+    '90840',
+    '91001',
+    '91011',
+    '91030',
+    '91201',
+    '91399',
+    '91401',
+    '97075',
+]
 
 const api = new Connector('kittens')