diff --git a/backend/apps/common/utils.py b/backend/apps/common/utils.py
index d0cc56443d..4ec451e572 100644
--- a/backend/apps/common/utils.py
+++ b/backend/apps/common/utils.py
@@ -12,6 +12,26 @@
 from humanize import intword, naturaltime
 
 
+def convert_to_camel_case(text: str) -> str:
+    """Convert a string to camelCase.
+
+    Args:
+        text (str): The input string.
+
+    Returns:
+        str: The converted string in camelCase.
+
+    """
+    parts = text.split("_")
+    offset = 1 if text.startswith("_") else 0
+    head = parts[offset : offset + 1] or [text]
+
+    segments = [f"_{head[0]}" if offset else head[0]]
+    segments.extend(word.capitalize() for word in parts[offset + 1 :])
+
+    return "".join(segments)
+
+
 def convert_to_snake_case(text: str) -> str:
     """Convert a string to snake_case.
 
diff --git a/backend/apps/core/api/algolia.py b/backend/apps/core/api/algolia.py
index 70ad7218b8..aa2361efb7 100644
--- a/backend/apps/core/api/algolia.py
+++ b/backend/apps/core/api/algolia.py
@@ -14,7 +14,7 @@
 
 from apps.common.index import IndexBase
 from apps.common.utils import get_user_ip_address
-from apps.core.utils.index import get_params_for_index
+from apps.core.utils.index import deep_camelize, get_params_for_index
 from apps.core.validators import validate_search_params
 
 CACHE_PREFIX = "algolia_proxy"
@@ -59,7 +59,7 @@ def get_search_results(
     search_result = response.results[0].to_dict()
 
     return {
-        "hits": search_result.get("hits", []),
+        "hits": deep_camelize(search_result["hits"]),
         "nbPages": search_result.get("nbPages", 0),
     }
 
diff --git a/backend/apps/core/utils/index.py b/backend/apps/core/utils/index.py
index 7a37b94dc1..0720619e64 100644
--- a/backend/apps/core/utils/index.py
+++ b/backend/apps/core/utils/index.py
@@ -6,6 +6,8 @@
 from algoliasearch_django.registration import RegistrationError
 from django.apps import apps
 
+from apps.common.utils import convert_to_camel_case
+
 
 def get_params_for_index(index_name: str) -> dict:
     """Return search parameters based on the index name.
@@ -159,3 +161,23 @@ def unregister_indexes(app_names: tuple[str, ...] = ("github", "owasp")) -> None
         for model in apps.get_app_config(app_name).get_models():
             with contextlib.suppress(RegistrationError):
                 unregister(model)
+
+
+def deep_camelize(obj) -> dict | list:
+    """Deep camelize.
+
+    Args:
+        obj: The object to camelize.
+
+    Returns:
+        The camelize object.
+
+    """
+    if isinstance(obj, dict):
+        return {
+            convert_to_camel_case(key.removeprefix("idx_")): deep_camelize(value)
+            for key, value in obj.items()
+        }
+    if isinstance(obj, list):
+        return [deep_camelize(item) for item in obj]
+    return obj
diff --git a/backend/poetry.lock b/backend/poetry.lock
index 93d09c3001..9a6016d9f4 100644
--- a/backend/poetry.lock
+++ b/backend/poetry.lock
@@ -1,4 +1,4 @@
-# This file is automatically @generated by Poetry 2.1.3 and should not be changed by hand.
+# This file is automatically @generated by Poetry 2.1.2 and should not be changed by hand.
 
 [[package]]
 name = "aiohappyeyeballs"
diff --git a/backend/tests/apps/common/utils_test.py b/backend/tests/apps/common/utils_test.py
index 80f384cb16..30cfe659ee 100644
--- a/backend/tests/apps/common/utils_test.py
+++ b/backend/tests/apps/common/utils_test.py
@@ -5,6 +5,7 @@
 from django.conf import settings
 
 from apps.common.utils import (
+    convert_to_camel_case,
     convert_to_snake_case,
     get_absolute_url,
     get_user_ip_address,
@@ -16,6 +17,23 @@
 
 
 class TestUtils:
+    @pytest.mark.parametrize(
+        ("input_text", "expected_output"),
+        [
+            ("simple", "simple"),
+            ("my_variable", "myVariable"),
+            ("long_variable_name", "longVariableName"),
+            ("top_contributor_project", "topContributorProject"),
+            ("_leading_underscore", "_leadingUnderscore"),
+            ("trailing_underscore_", "trailingUnderscore"),
+            ("multiple__underscores", "multipleUnderscores"),
+            ("multiple__under___scores", "multipleUnderScores"),
+            ("alreadyCamelCase", "alreadyCamelCase"),
+        ],
+    )
+    def test_convert_to_camel_case(self, input_text, expected_output):
+        assert convert_to_camel_case(input_text) == expected_output
+
     @pytest.mark.parametrize(
         ("text", "expected"),
         [
diff --git a/frontend/__tests__/unit/data/mockChapterData.ts b/frontend/__tests__/unit/data/mockChapterData.ts
index d81255edec..b7fd1e62d7 100644
--- a/frontend/__tests__/unit/data/mockChapterData.ts
+++ b/frontend/__tests__/unit/data/mockChapterData.ts
@@ -2,28 +2,28 @@ export const mockChapterData = {
   active_chapters_count: 0,
   chapters: [
     {
-      created_at: 1568320077,
+      createdAt: 1568320077,
       leaders: ['Isanori Sakanashi', 'Takeshi Murai', 'Yukiharu Niwa'],
       name: 'Chapter 1',
-      related_urls: [
+      relatedUrls: [
         'https://join.slack.com/t/owaspnagoya/shared_invite/enQtMzM0OTkwMTM1NDQxLTI5ODQzZDViMDg4NDA2MzA4OGFmZmVmMWRjM2Y0ODBkMGM2YzVkMzU0MGU5Y2IxMTE5NmM2Yjg3Zjg3YzRhOWU',
         'https://www.facebook.com/login/?next=https%3A%2F%2Fwww.facebook.com%2Fowaspnagoya',
         'https://x.com/owaspnagoya',
       ],
-      top_contributors: [
+      topContributors: [
         {
-          avatar_url: 'https://avatars.githubusercontent.com/u/58754211?v=4',
-          contributions_count: 286,
+          avatarUrl: 'https://avatars.githubusercontent.com/u/58754211?v=4',
+          contributionsCount: 286,
           login: 'Isanori-Sakanashi',
           name: 'Isanori Sakanashi',
         },
       ],
       summary: 'This is a summary of Chapter 1.',
-      updated_at: 1723121926,
+      updatedAt: 1723121926,
       key: 'chapter_1',
       url: 'https://owasp.org/www-chapter-nagoya',
       objectID: '539',
-      is_active: true,
+      isActive: true,
       _geoloc: {
         lat: 35.1815,
         lng: 136.9066,
diff --git a/frontend/__tests__/unit/data/mockCommitteeData.ts b/frontend/__tests__/unit/data/mockCommitteeData.ts
index 83262ce2e4..97cafd064f 100644
--- a/frontend/__tests__/unit/data/mockCommitteeData.ts
+++ b/frontend/__tests__/unit/data/mockCommitteeData.ts
@@ -1,23 +1,23 @@
 export const mockCommitteeData = {
   committees: [
     {
-      created_at: 1596744799,
+      createdAt: 1596744799,
       leaders: ['Edmond Momartin', 'Garth Boyd', 'Kyle Smith'],
       name: 'Committee 1',
-      related_urls: [
+      relatedUrls: [
         'https://app.slack.com/client/T04T40NHX/C010AF25WSZ/details/top',
         'https://www.youtube.com/channel/UCE2nt-oqRjwEAPSBtCtNVSw',
       ],
-      top_contributors: [
+      topContributors: [
         {
-          avatar_url: 'https://avatars.githubusercontent.com/u/20112179?v=4',
-          contributions_count: 165,
+          avatarUrl: 'https://avatars.githubusercontent.com/u/20112179?v=4',
+          contributionsCount: 165,
           login: 'securestep9',
           name: 'Sam Stepanyan',
         },
       ],
       summary: 'This is a summary of Committee 1.',
-      updated_at: 1727390473,
+      updatedAt: 1727390473,
       key: 'committee_1',
       url: 'https://owasp.org/www-committee-chapter',
       objectID: '4',
diff --git a/frontend/__tests__/unit/data/mockContributeData.ts b/frontend/__tests__/unit/data/mockContributeData.ts
index 37bd52a1e8..b199e20e1e 100644
--- a/frontend/__tests__/unit/data/mockContributeData.ts
+++ b/frontend/__tests__/unit/data/mockContributeData.ts
@@ -6,17 +6,17 @@ dayjs.extend(relativeTime)
 export const mockContributeData = {
   issues: [
     {
-      comments_count: 1,
-      created_at: dayjs().subtract(4, 'months').unix(),
+      commentsCount: 1,
+      createdAt: dayjs().subtract(4, 'months').unix(),
       hint: 'Hint',
       labels: [],
       objectID: '9180',
-      project_key: 'project-nest',
-      project_name: 'Owasp Nest',
-      repository_languages: ['Python', 'TypeScript'],
+      projectKey: 'project-nest',
+      projectName: 'Owasp Nest',
+      repositoryLanguages: ['Python', 'TypeScript'],
       summary: 'This is a summary of Contribution 1',
       title: 'Contribution 1',
-      updated_at: 1734727031,
+      updatedAt: 1734727031,
       url: 'https://github.com/OWASP/Nest/issues/225',
     },
   ],
diff --git a/frontend/__tests__/unit/data/mockHomeData.ts b/frontend/__tests__/unit/data/mockHomeData.ts
index 7aaeaf045e..337558f1ae 100644
--- a/frontend/__tests__/unit/data/mockHomeData.ts
+++ b/frontend/__tests__/unit/data/mockHomeData.ts
@@ -162,13 +162,13 @@ export const mockAlgoliaData = {
   hits: [
     {
       objectID: '539',
-      idx_name: 'OWASP Nagoya',
-      idx_suggested_location: 'Nagoya, Aichi Prefecture, Japan',
-      idx_region: 'Asia',
-      idx_top_contributors: [
+      name: 'OWASP Nagoya',
+      suggestedLocation: 'Nagoya, Aichi Prefecture, Japan',
+      region: 'Asia',
+      topContributors: [
         {
-          avatar_url: 'https://avatars.githubusercontent.com/u/58754211?v=4',
-          contributions_count: 286,
+          avatarUrl: 'https://avatars.githubusercontent.com/u/58754211?v=4',
+          contributionsCount: 286,
           login: 'isanori-sakanashi-owasp',
           name: 'Isanori Sakanashi',
         },
diff --git a/frontend/__tests__/unit/data/mockOrganizationData.ts b/frontend/__tests__/unit/data/mockOrganizationData.ts
index 7ce5122f06..5a37e4045d 100644
--- a/frontend/__tests__/unit/data/mockOrganizationData.ts
+++ b/frontend/__tests__/unit/data/mockOrganizationData.ts
@@ -2,34 +2,34 @@ export const mockOrganizationData = {
   hits: [
     {
       objectID: 'org1',
-      avatar_url: 'https://avatars.githubusercontent.com/u/1234567?v=4',
-      collaborators_count: 50,
+      avatarUrl: 'https://avatars.githubusercontent.com/u/1234567?v=4',
+      collaboratorsCount: 50,
       company: 'Test Company',
-      created_at: 1596744799,
+      createdAt: 1596744799,
       description: 'This is a test organization',
       email: 'org@example.com',
-      followers_count: 1000,
+      followersCount: 1000,
       location: 'San Francisco, CA',
       login: 'test-org',
       name: 'Test Organization',
-      public_repositories_count: 2000,
-      updated_at: 1727390473,
+      publicRepositoriesCount: 2000,
+      updatedAt: 1727390473,
       url: 'https://github.com/test-org',
     },
     {
       objectID: 'org2',
-      avatar_url: 'https://avatars.githubusercontent.com/u/7654321?v=4',
-      collaborators_count: 75,
+      avatarUrl: 'https://avatars.githubusercontent.com/u/7654321?v=4',
+      collaboratorsCount: 75,
       company: 'Another Company',
-      created_at: 1496744799,
+      createdAt: 1496744799,
       description: 'Another test organization',
       email: 'another-org@example.com',
-      followers_count: 2000,
+      followersCount: 2000,
       location: 'New York, NY',
       login: 'another-org',
       name: 'Another Organization',
-      public_repositories_count: 1500,
-      updated_at: 1727390473,
+      publicRepositoriesCount: 1500,
+      updatedAt: 1727390473,
       url: 'https://github.com/another-org',
     },
   ],
diff --git a/frontend/__tests__/unit/data/mockProjectData.ts b/frontend/__tests__/unit/data/mockProjectData.ts
index cbcaf2aa9c..983876db53 100644
--- a/frontend/__tests__/unit/data/mockProjectData.ts
+++ b/frontend/__tests__/unit/data/mockProjectData.ts
@@ -7,7 +7,7 @@ export const mockProjectData = {
       summary: 'This is a summary of Project 1.',
       level: '1',
       leaders: ['Leader 1'],
-      top_contributors: [
+      topContributors: [
         {
           avatarUrl: 'https://avatars.githubusercontent.com/avatar1.png',
           contributionsCount: 10,
@@ -18,12 +18,12 @@ export const mockProjectData = {
         },
       ],
       topics: ['Topic 1'],
-      updated_at: '2023-10-01',
-      forks_count: 10,
+      updatedAt: '2023-10-01',
+      forksCount: 10,
       key: 'project_1',
-      stars_count: 20,
-      contributors_count: 5,
-      is_active: true,
+      starsCount: 20,
+      contributorsCount: 5,
+      isActive: true,
     },
   ],
 }
diff --git a/frontend/__tests__/unit/data/mockUserData.ts b/frontend/__tests__/unit/data/mockUserData.ts
index a20a3cc7c5..877970029d 100644
--- a/frontend/__tests__/unit/data/mockUserData.ts
+++ b/frontend/__tests__/unit/data/mockUserData.ts
@@ -1,22 +1,22 @@
 export const mockUserData = {
   users: [
     {
-      avatar_url: 'https://avatars.githubusercontent.com/avatar1.jpg',
+      avatarUrl: 'https://avatars.githubusercontent.com/avatar1.jpg',
       company: 'OWASP',
       key: 'user_1',
       login: 'user_1',
       name: 'John Doe',
-      followers_count: 1000,
-      public_repositories_count: 2000,
+      followersCount: 1000,
+      publicRepositoriesCount: 2000,
     },
     {
-      avatar_url: 'https://avatars.githubusercontent.com/avatar2.jpg',
+      avatarUrl: 'https://avatars.githubusercontent.com/avatar2.jpg',
       company: 'Security Co',
       key: 'user_2',
       login: 'user_2',
       name: 'Jane Smith',
-      followers_count: 3000,
-      public_repositories_count: 4000,
+      followersCount: 3000,
+      publicRepositoriesCount: 4000,
     },
   ],
 }
diff --git a/frontend/src/app/about/page.tsx b/frontend/src/app/about/page.tsx
index cb909c5da0..e9ffd22954 100644
--- a/frontend/src/app/about/page.tsx
+++ b/frontend/src/app/about/page.tsx
@@ -20,16 +20,16 @@ import FontAwesomeIconWrapper from 'wrappers/FontAwesomeIconWrapper'
 import { ErrorDisplay, handleAppError } from 'app/global-error'
 import { GET_PROJECT_METADATA, GET_TOP_CONTRIBUTORS } from 'server/queries/projectQueries'
 import { GET_LEADER_DATA } from 'server/queries/userQueries'
-import { TopContributorsTypeGraphql } from 'types/contributor'
-import { ProjectTypeGraphql } from 'types/project'
-import { User } from 'types/user'
+import type { Contributor } from 'types/contributor'
+import type { Project } from 'types/project'
+import type { User } from 'types/user'
 import { aboutText, technologies } from 'utils/aboutData'
 import AnchorTitle from 'components/AnchorTitle'
 import AnimatedCounter from 'components/AnimatedCounter'
 import LoadingSpinner from 'components/LoadingSpinner'
 import Markdown from 'components/MarkdownWrapper'
 import SecondaryCard from 'components/SecondaryCard'
-import TopContributors from 'components/TopContributors'
+import TopContributorsList from 'components/TopContributorsList'
 import UserCard from 'components/UserCard'
 
 const leaders = {
@@ -54,8 +54,8 @@ const About = () => {
     }
   )
 
-  const [projectMetadata, setProjectMetadata] = useState<ProjectTypeGraphql | null>(null)
-  const [topContributors, setTopContributors] = useState<TopContributorsTypeGraphql[]>([])
+  const [projectMetadata, setProjectMetadata] = useState<Project | null>(null)
+  const [topContributors, setTopContributors] = useState<Contributor[]>([])
 
   useEffect(() => {
     if (projectMetadataResponse?.project) {
@@ -122,7 +122,7 @@ const About = () => {
         </SecondaryCard>
 
         {topContributors && (
-          <TopContributors
+          <TopContributorsList
             icon={faUsers}
             contributors={topContributors}
             maxInitialDisplay={9}
diff --git a/frontend/src/app/chapters/[chapterKey]/page.tsx b/frontend/src/app/chapters/[chapterKey]/page.tsx
index 371f31f80a..603fe440a2 100644
--- a/frontend/src/app/chapters/[chapterKey]/page.tsx
+++ b/frontend/src/app/chapters/[chapterKey]/page.tsx
@@ -5,16 +5,16 @@ import { useParams } from 'next/navigation'
 import { useState, useEffect } from 'react'
 import { handleAppError, ErrorDisplay } from 'app/global-error'
 import { GET_CHAPTER_DATA } from 'server/queries/chapterQueries'
-import { ChapterTypeGraphQL } from 'types/chapter'
-import { TopContributorsTypeGraphql } from 'types/contributor'
+import type { Chapter } from 'types/chapter'
+import type { Contributor } from 'types/contributor'
 import { formatDate } from 'utils/dateFormatter'
 import DetailsCard from 'components/CardDetailsPage'
 import LoadingSpinner from 'components/LoadingSpinner'
 
 export default function ChapterDetailsPage() {
   const { chapterKey } = useParams()
-  const [chapter, setChapter] = useState<ChapterTypeGraphQL>({} as ChapterTypeGraphQL)
-  const [topContributors, setTopContributors] = useState<TopContributorsTypeGraphql[]>([])
+  const [chapter, setChapter] = useState<Chapter>({} as Chapter)
+  const [topContributors, setTopContributors] = useState<Contributor[]>([])
   const [isLoading, setIsLoading] = useState<boolean>(true)
 
   const { data, error: graphQLRequestError } = useQuery(GET_CHAPTER_DATA, {
@@ -62,8 +62,8 @@ export default function ChapterDetailsPage() {
   return (
     <DetailsCard
       details={details}
-      geolocationData={chapter}
-      is_active={chapter.isActive}
+      geolocationData={[chapter]}
+      isActive={chapter.isActive}
       socialLinks={chapter.relatedUrls}
       summary={chapter.summary}
       title={chapter.name}
diff --git a/frontend/src/app/chapters/page.tsx b/frontend/src/app/chapters/page.tsx
index 10118d1413..15d93df6ea 100644
--- a/frontend/src/app/chapters/page.tsx
+++ b/frontend/src/app/chapters/page.tsx
@@ -4,15 +4,15 @@ import { useRouter } from 'next/navigation'
 import { useEffect, useState } from 'react'
 import FontAwesomeIconWrapper from 'wrappers/FontAwesomeIconWrapper'
 import { fetchAlgoliaData } from 'server/fetchAlgoliaData'
-import { AlgoliaResponseType } from 'types/algolia'
-import { ChapterTypeAlgolia } from 'types/chapter'
+import type { AlgoliaResponse } from 'types/algolia'
+import type { Chapter } from 'types/chapter'
 import { getFilteredIcons, handleSocialUrls } from 'utils/utility'
 import Card from 'components/Card'
 import ChapterMapWrapper from 'components/ChapterMapWrapper'
 import SearchPageLayout from 'components/SearchPageLayout'
 
 const ChaptersPage = () => {
-  const [geoLocData, setGeoLocData] = useState<ChapterTypeAlgolia[]>([])
+  const [geoLocData, setGeoLocData] = useState<Chapter[]>([])
   const {
     items: chapters,
     isLoaded,
@@ -21,7 +21,7 @@ const ChaptersPage = () => {
     searchQuery,
     handleSearch,
     handlePageChange,
-  } = useSearchPage<ChapterTypeAlgolia>({
+  } = useSearchPage<Chapter>({
     indexName: 'chapters',
     pageTitle: 'OWASP Chapters',
   })
@@ -34,7 +34,7 @@ const ChaptersPage = () => {
         currentPage,
         hitsPerPage: currentPage === 1 ? 1000 : 25,
       }
-      const data: AlgoliaResponseType<ChapterTypeAlgolia> = await fetchAlgoliaData(
+      const data: AlgoliaResponse<Chapter> = await fetchAlgoliaData(
         searchParams.indexName,
         searchParams.query,
         searchParams.currentPage,
@@ -46,16 +46,16 @@ const ChaptersPage = () => {
   }, [currentPage])
 
   const router = useRouter()
-  const renderChapterCard = (chapter: ChapterTypeAlgolia) => {
-    const params: string[] = ['updated_at']
+  const renderChapterCard = (chapter: Chapter) => {
+    const params: string[] = ['updatedAt']
     const filteredIcons = getFilteredIcons(chapter, params)
-    const formattedUrls = handleSocialUrls(chapter.related_urls)
+    const formattedUrls = handleSocialUrls(chapter.relatedUrls)
 
     const handleButtonClick = () => {
       router.push(`/chapters/${chapter.key}`)
     }
 
-    const SubmitButton = {
+    const submitButton = {
       label: 'View Details',
       icon: <FontAwesomeIconWrapper icon="fa-solid fa-right-to-bracket " />,
       onclick: handleButtonClick,
@@ -68,8 +68,8 @@ const ChaptersPage = () => {
         url={`/chapters/${chapter.key}`}
         summary={chapter.summary}
         icons={filteredIcons}
-        topContributors={chapter.top_contributors}
-        button={SubmitButton}
+        topContributors={chapter.topContributors}
+        button={submitButton}
         social={formattedUrls}
       />
     )
@@ -100,7 +100,7 @@ const ChaptersPage = () => {
           }}
         />
       )}
-      {chapters && chapters.filter((chapter) => chapter.is_active).map(renderChapterCard)}
+      {chapters && chapters.filter((chapter) => chapter.isActive).map(renderChapterCard)}
     </SearchPageLayout>
   )
 }
diff --git a/frontend/src/app/committees/[committeeKey]/page.tsx b/frontend/src/app/committees/[committeeKey]/page.tsx
index 9307454d94..2450fcde97 100644
--- a/frontend/src/app/committees/[committeeKey]/page.tsx
+++ b/frontend/src/app/committees/[committeeKey]/page.tsx
@@ -12,15 +12,16 @@ import { useParams } from 'next/navigation'
 import { useState, useEffect } from 'react'
 import { ErrorDisplay, handleAppError } from 'app/global-error'
 import { GET_COMMITTEE_DATA } from 'server/queries/committeeQueries'
-import type { CommitteeDetailsTypeGraphQL } from 'types/committee'
-import { TopContributorsTypeGraphql } from 'types/contributor'
+import type { Committee } from 'types/committee'
+import type { Contributor } from 'types/contributor'
 import { formatDate } from 'utils/dateFormatter'
 import DetailsCard from 'components/CardDetailsPage'
 import LoadingSpinner from 'components/LoadingSpinner'
+
 export default function CommitteeDetailsPage() {
   const { committeeKey } = useParams<{ committeeKey: string }>()
-  const [committee, setCommittee] = useState<CommitteeDetailsTypeGraphQL | null>(null)
-  const [topContributors, setTopContributors] = useState<TopContributorsTypeGraphql[]>([])
+  const [committee, setCommittee] = useState<Committee | null>(null)
+  const [topContributors, setTopContributors] = useState<Contributor[]>([])
   const [isLoading, setIsLoading] = useState<boolean>(true)
 
   const { data, error: graphQLRequestError } = useQuery(GET_COMMITTEE_DATA, {
diff --git a/frontend/src/app/committees/page.tsx b/frontend/src/app/committees/page.tsx
index 0f2dadec6e..e6d59dc054 100644
--- a/frontend/src/app/committees/page.tsx
+++ b/frontend/src/app/committees/page.tsx
@@ -2,7 +2,7 @@
 import { useSearchPage } from 'hooks/useSearchPage'
 import { useRouter } from 'next/navigation'
 import FontAwesomeIconWrapper from 'wrappers/FontAwesomeIconWrapper'
-import { CommitteeTypeAlgolia } from 'types/committee'
+import type { Committee } from 'types/committee'
 import { getFilteredIcons, handleSocialUrls } from 'utils/utility'
 import Card from 'components/Card'
 import SearchPageLayout from 'components/SearchPageLayout'
@@ -16,20 +16,20 @@ const CommitteesPage = () => {
     searchQuery,
     handleSearch,
     handlePageChange,
-  } = useSearchPage<CommitteeTypeAlgolia>({
+  } = useSearchPage<Committee>({
     indexName: 'committees',
     pageTitle: 'OWASP Committees',
   })
   const router = useRouter()
-  const renderCommitteeCard = (committee: CommitteeTypeAlgolia) => {
-    const params: string[] = ['updated_at']
+  const renderCommitteeCard = (committee: Committee) => {
+    const params: string[] = ['updatedAt']
     const filteredIcons = getFilteredIcons(committee, params)
-    const formattedUrls = handleSocialUrls(committee.related_urls)
+    const formattedUrls = handleSocialUrls(committee.relatedUrls)
     const handleButtonClick = () => {
       router.push(`/committees/${committee.key}`)
     }
 
-    const SubmitButton = {
+    const submitButton = {
       label: 'View Details',
       icon: <FontAwesomeIconWrapper icon="fa-solid fa-right-to-bracket" />,
       onclick: handleButtonClick,
@@ -42,8 +42,8 @@ const CommitteesPage = () => {
         url={`/committees/${committee.key}`}
         summary={committee.summary}
         icons={filteredIcons}
-        topContributors={committee.top_contributors}
-        button={SubmitButton}
+        topContributors={committee.topContributors}
+        button={submitButton}
         social={formattedUrls}
         tooltipLabel={`Learn more about ${committee.name}`}
       />
diff --git a/frontend/src/app/contribute/page.tsx b/frontend/src/app/contribute/page.tsx
index b9cee29dd3..5d07bf3a52 100644
--- a/frontend/src/app/contribute/page.tsx
+++ b/frontend/src/app/contribute/page.tsx
@@ -4,7 +4,7 @@ import { useSearchPage } from 'hooks/useSearchPage'
 import React, { useState } from 'react'
 
 import FontAwesomeIconWrapper from 'wrappers/FontAwesomeIconWrapper'
-import { IssueType } from 'types/issue'
+import type { Issue } from 'types/issue'
 import { getFilteredIcons } from 'utils/utility'
 
 import Card from 'components/Card'
@@ -20,15 +20,15 @@ const ContributePage = () => {
     searchQuery,
     handleSearch,
     handlePageChange,
-  } = useSearchPage<IssueType>({
+  } = useSearchPage<Issue>({
     indexName: 'issues',
     pageTitle: 'OWASP Issues',
   })
 
   const [modalOpenIndex, setModalOpenIndex] = useState<number | null>(null)
 
-  const renderContributeCard = (issue: IssueType, index: number) => {
-    const params: string[] = ['created_at', 'comments_count']
+  const renderContributeCard = (issue: Issue, index: number) => {
+    const params: string[] = ['createdAt', 'commentsCount']
     const filteredIcons = getFilteredIcons(issue, params)
 
     const SubmitButton = {
@@ -49,8 +49,8 @@ const ContributePage = () => {
           key={issue.objectID}
           title={issue.title}
           url={issue.url}
-          projectName={issue.project_name}
-          projectLink={issue.project_url}
+          projectName={issue.projectName}
+          projectLink={issue.projectUrl}
           summary={issue.summary}
           icons={filteredIcons}
           button={SubmitButton}
diff --git a/frontend/src/app/members/[memberKey]/page.tsx b/frontend/src/app/members/[memberKey]/page.tsx
index f69ad3edfd..b97a1e773f 100644
--- a/frontend/src/app/members/[memberKey]/page.tsx
+++ b/frontend/src/app/members/[memberKey]/page.tsx
@@ -12,13 +12,12 @@ import { useParams } from 'next/navigation'
 import React, { useState, useEffect, useRef } from 'react'
 import { handleAppError, ErrorDisplay } from 'app/global-error'
 import { GET_USER_DATA } from 'server/queries/userQueries'
-import type {
-  ProjectIssuesType,
-  ProjectMilestonesType,
-  ProjectReleaseType,
-  RepositoryCardProps,
-} from 'types/project'
-import type { ItemCardPullRequests, UserDetailsProps } from 'types/user'
+import type { Issue } from 'types/issue'
+import type { Milestone } from 'types/milestone'
+import type { RepositoryCardProps } from 'types/project'
+import type { PullRequest } from 'types/pullRequest'
+import type { Release } from 'types/release'
+import type { UserDetails } from 'types/user'
 import { formatDate } from 'utils/dateFormatter'
 import { drawContributions, fetchHeatmapData, HeatmapData } from 'utils/helpers/githubHeatmap'
 import DetailsCard from 'components/CardDetailsPage'
@@ -26,12 +25,12 @@ import LoadingSpinner from 'components/LoadingSpinner'
 
 const UserDetailsPage: React.FC = () => {
   const { memberKey } = useParams()
-  const [user, setUser] = useState<UserDetailsProps | null>()
-  const [issues, setIssues] = useState<ProjectIssuesType[]>([])
+  const [user, setUser] = useState<UserDetails | null>()
+  const [issues, setIssues] = useState<Issue[]>([])
   const [topRepositories, setTopRepositories] = useState<RepositoryCardProps[]>([])
-  const [milestones, setMilestones] = useState<ProjectMilestonesType[]>([])
-  const [pullRequests, setPullRequests] = useState<ItemCardPullRequests[]>([])
-  const [releases, setReleases] = useState<ProjectReleaseType[]>([])
+  const [milestones, setMilestones] = useState<Milestone[]>([])
+  const [pullRequests, setPullRequests] = useState<PullRequest[]>([])
+  const [releases, setReleases] = useState<Release[]>([])
   const [data, setData] = useState<HeatmapData>({} as HeatmapData)
   const [isLoading, setIsLoading] = useState<boolean>(true)
   const [username, setUsername] = useState('')
diff --git a/frontend/src/app/members/page.tsx b/frontend/src/app/members/page.tsx
index 5fb910ea55..af5f1ef98a 100644
--- a/frontend/src/app/members/page.tsx
+++ b/frontend/src/app/members/page.tsx
@@ -2,7 +2,7 @@
 import { useSearchPage } from 'hooks/useSearchPage'
 import { useRouter } from 'next/navigation'
 import FontAwesomeIconWrapper from 'wrappers/FontAwesomeIconWrapper'
-import { User } from 'types/user'
+import type { User } from 'types/user'
 import SearchPageLayout from 'components/SearchPageLayout'
 import UserCard from 'components/UserCard'
 
@@ -28,7 +28,7 @@ const UsersPage = () => {
   }
 
   const renderUserCard = (user: User) => {
-    const SubmitButton = {
+    const submitButton = {
       label: 'View Details',
       icon: <FontAwesomeIconWrapper icon="fa-solid fa-right-to-bracket" />,
       onclick: () => handleButtonClick(user),
@@ -36,15 +36,15 @@ const UsersPage = () => {
 
     return (
       <UserCard
-        avatar={user.avatar_url}
-        button={SubmitButton}
+        avatar={user.avatarUrl}
+        button={submitButton}
+        className="h-64 w-80 bg-white p-6 text-left shadow-lg transition-transform duration-500 hover:scale-105 hover:shadow-xl dark:bg-gray-800 dark:shadow-gray-900/30"
         company={user.company || ''}
         email={user.email || ''}
-        followers_count={user.followers_count}
+        followersCount={user.followersCount}
         location={user.location || ''}
         name={user.name || `@${user.login}`}
-        repositories_count={user.public_repositories_count}
-        className="h-64 w-80 bg-white p-6 text-left shadow-lg transition-transform duration-500 hover:scale-105 hover:shadow-xl dark:bg-gray-800 dark:shadow-gray-900/30"
+        repositoriesCount={user.publicRepositoriesCount}
       />
     )
   }
diff --git a/frontend/src/app/organizations/[organizationKey]/repositories/[repositoryKey]/page.tsx b/frontend/src/app/organizations/[organizationKey]/repositories/[repositoryKey]/page.tsx
index cb416b49ac..abfaeb7912 100644
--- a/frontend/src/app/organizations/[organizationKey]/repositories/[repositoryKey]/page.tsx
+++ b/frontend/src/app/organizations/[organizationKey]/repositories/[repositoryKey]/page.tsx
@@ -13,7 +13,7 @@ import { useParams } from 'next/navigation'
 import { useEffect, useState } from 'react'
 import { handleAppError, ErrorDisplay } from 'app/global-error'
 import { GET_REPOSITORY_DATA } from 'server/queries/repositoryQueries'
-import { TopContributorsTypeGraphql } from 'types/contributor'
+import type { Contributor } from 'types/contributor'
 import { formatDate } from 'utils/dateFormatter'
 import DetailsCard from 'components/CardDetailsPage'
 import LoadingSpinner from 'components/LoadingSpinner'
@@ -21,7 +21,7 @@ import LoadingSpinner from 'components/LoadingSpinner'
 const RepositoryDetailsPage = () => {
   const { repositoryKey, organizationKey } = useParams()
   const [repository, setRepository] = useState(null)
-  const [topContributors, setTopContributors] = useState<TopContributorsTypeGraphql[]>([])
+  const [topContributors, setTopContributors] = useState<Contributor[]>([])
   const [recentPullRequests, setRecentPullRequests] = useState(null)
   const [isLoading, setIsLoading] = useState<boolean>(true)
   const { data, error: graphQLRequestError } = useQuery(GET_REPOSITORY_DATA, {
diff --git a/frontend/src/app/organizations/page.tsx b/frontend/src/app/organizations/page.tsx
index 147f24228d..754d517045 100644
--- a/frontend/src/app/organizations/page.tsx
+++ b/frontend/src/app/organizations/page.tsx
@@ -2,7 +2,7 @@
 import { useSearchPage } from 'hooks/useSearchPage'
 import { useRouter } from 'next/navigation'
 import FontAwesomeIconWrapper from 'wrappers/FontAwesomeIconWrapper'
-import { OrganizationTypeAlgolia } from 'types/organization'
+import type { Organization } from 'types/organization'
 import SearchPageLayout from 'components/SearchPageLayout'
 import UserCard from 'components/UserCard'
 
@@ -15,7 +15,7 @@ const OrganizationPage = () => {
     searchQuery,
     handleSearch,
     handlePageChange,
-  } = useSearchPage<OrganizationTypeAlgolia>({
+  } = useSearchPage<Organization>({
     indexName: 'organizations',
     pageTitle: 'GitHub Organizations',
     hitsPerPage: 24,
@@ -23,12 +23,12 @@ const OrganizationPage = () => {
 
   const router = useRouter()
 
-  const renderOrganizationCard = (organization: OrganizationTypeAlgolia) => {
+  const renderOrganizationCard = (organization: Organization) => {
     const handleButtonClick = () => {
       router.push(`/organizations/${organization.login}`)
     }
 
-    const SubmitButton = {
+    const submitButton = {
       label: 'View Profile',
       icon: <FontAwesomeIconWrapper icon="fa-solid fa-right-to-bracket" />,
       onclick: handleButtonClick,
@@ -36,16 +36,16 @@ const OrganizationPage = () => {
 
     return (
       <UserCard
-        avatar={organization.avatar_url}
-        button={SubmitButton}
+        avatar={organization.avatarUrl}
+        button={submitButton}
+        className="h-64 w-80 bg-white p-6 text-left shadow-lg transition-transform duration-500 hover:scale-105 hover:shadow-xl dark:bg-gray-800 dark:shadow-gray-900/30"
         company={organization.company || ''}
         email={organization.email || ''}
-        followers_count={organization.followers_count}
+        followersCount={organization.followersCount}
         key={organization.objectID}
         location={organization.location || `@${organization.login}`}
         name={organization.name}
-        repositories_count={organization.public_repositories_count}
-        className="h-64 w-80 bg-white p-6 text-left shadow-lg transition-transform duration-500 hover:scale-105 hover:shadow-xl dark:bg-gray-800 dark:shadow-gray-900/30"
+        repositoriesCount={organization.publicRepositoriesCount}
       />
     )
   }
diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index ec766d89a2..15e2c85f60 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -21,10 +21,10 @@ import Link from 'next/link'
 import { useEffect, useState } from 'react'
 import { fetchAlgoliaData } from 'server/fetchAlgoliaData'
 import { GET_MAIN_PAGE_DATA } from 'server/queries/homeQueries'
-import { AlgoliaResponseType } from 'types/algolia'
-import { ChapterTypeAlgolia } from 'types/chapter'
-import { EventType } from 'types/event'
-import { MainPageData } from 'types/home'
+import type { AlgoliaResponse } from 'types/algolia'
+import type { Chapter } from 'types/chapter'
+import type { Event } from 'types/event'
+import type { MainPageData } from 'types/home'
 import { capitalize } from 'utils/capitalize'
 import { formatDate, formatDateRange } from 'utils/dateFormatter'
 import AnchorTitle from 'components/AnchorTitle'
@@ -40,7 +40,7 @@ import RecentIssues from 'components/RecentIssues'
 import RecentPullRequests from 'components/RecentPullRequests'
 import RecentReleases from 'components/RecentReleases'
 import SecondaryCard from 'components/SecondaryCard'
-import TopContributors from 'components/TopContributors'
+import TopContributorsList from 'components/TopContributorsList'
 import { TruncatedText } from 'components/TruncatedText'
 
 export default function Home() {
@@ -50,7 +50,7 @@ export default function Home() {
     variables: { distinct: true },
   })
 
-  const [geoLocData, setGeoLocData] = useState<ChapterTypeAlgolia[]>([])
+  const [geoLocData, setGeoLocData] = useState<Chapter[]>([])
   const [modalOpenIndex, setModalOpenIndex] = useState<number | null>(null)
 
   useEffect(() => {
@@ -79,7 +79,7 @@ export default function Home() {
         currentPage: 1,
         hitsPerPage: 1000,
       }
-      const data: AlgoliaResponseType<ChapterTypeAlgolia> = await fetchAlgoliaData(
+      const data: AlgoliaResponse<Chapter> = await fetchAlgoliaData(
         searchParams.indexName,
         searchParams.query,
         searchParams.currentPage,
@@ -163,7 +163,7 @@ export default function Home() {
           className="overflow-hidden"
         >
           <div className="grid gap-4 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
-            {data.upcomingEvents.map((event: EventType, index: number) => (
+            {data.upcomingEvents.map((event: Event, index: number) => (
               <div key={`card-${event.name}`} className="overflow-hidden">
                 <div className="rounded-lg bg-gray-200 p-4 dark:bg-gray-700">
                   <button
@@ -303,7 +303,7 @@ export default function Home() {
             }}
           />
         </div>
-        <TopContributors
+        <TopContributorsList
           icon={faUsers}
           contributors={data?.topContributors}
           type="company"
diff --git a/frontend/src/app/projects/[projectKey]/page.tsx b/frontend/src/app/projects/[projectKey]/page.tsx
index c69beeaa85..1bb7e695dc 100644
--- a/frontend/src/app/projects/[projectKey]/page.tsx
+++ b/frontend/src/app/projects/[projectKey]/page.tsx
@@ -12,8 +12,8 @@ import { useParams } from 'next/navigation'
 import { useState, useEffect } from 'react'
 import { ErrorDisplay, handleAppError } from 'app/global-error'
 import { GET_PROJECT_DATA } from 'server/queries/projectQueries'
-import { TopContributorsTypeGraphql } from 'types/contributor'
-import { ProjectTypeGraphql } from 'types/project'
+import type { Contributor } from 'types/contributor'
+import type { Project } from 'types/project'
 import { capitalize } from 'utils/capitalize'
 import { formatDate } from 'utils/dateFormatter'
 import DetailsCard from 'components/CardDetailsPage'
@@ -21,8 +21,8 @@ import LoadingSpinner from 'components/LoadingSpinner'
 const ProjectDetailsPage = () => {
   const { projectKey } = useParams()
   const [isLoading, setIsLoading] = useState<boolean>(true)
-  const [project, setProject] = useState<ProjectTypeGraphql | null>(null)
-  const [topContributors, setTopContributors] = useState<TopContributorsTypeGraphql[]>([])
+  const [project, setProject] = useState<Project | null>(null)
+  const [topContributors, setTopContributors] = useState<Contributor[]>([])
   const { data, error: graphQLRequestError } = useQuery(GET_PROJECT_DATA, {
     variables: { key: projectKey },
   })
@@ -91,16 +91,16 @@ const ProjectDetailsPage = () => {
   return (
     <DetailsCard
       details={projectDetails}
-      is_active={project.isActive}
+      isActive={project.isActive}
       languages={project.languages}
       pullRequests={project.recentPullRequests}
       recentIssues={project.recentIssues}
+      recentMilestones={project.recentMilestones}
       recentReleases={project.recentReleases}
       repositories={project.repositories}
       stats={projectStats}
       summary={project.summary}
       title={project.name}
-      recentMilestones={project.recentMilestones}
       topContributors={topContributors}
       topics={project.topics}
       type="project"
diff --git a/frontend/src/app/projects/page.tsx b/frontend/src/app/projects/page.tsx
index cf9055f6bc..74081137da 100644
--- a/frontend/src/app/projects/page.tsx
+++ b/frontend/src/app/projects/page.tsx
@@ -2,7 +2,7 @@
 import { useSearchPage } from 'hooks/useSearchPage'
 import { useRouter } from 'next/navigation'
 import FontAwesomeIconWrapper from 'wrappers/FontAwesomeIconWrapper'
-import { ProjectTypeAlgolia } from 'types/project'
+import type { Project } from 'types/project'
 import { level } from 'utils/data'
 import { sortOptionsProject } from 'utils/sortingOptions'
 import { getFilteredIcons } from 'utils/utility'
@@ -22,7 +22,7 @@ const ProjectsPage = () => {
     handlePageChange,
     handleSortChange,
     handleOrderChange,
-  } = useSearchPage<ProjectTypeAlgolia>({
+  } = useSearchPage<Project>({
     indexName: 'projects',
     pageTitle: 'OWASP Projects',
     defaultSortBy: 'default',
@@ -30,14 +30,14 @@ const ProjectsPage = () => {
   })
 
   const router = useRouter()
-  const renderProjectCard = (project: ProjectTypeAlgolia) => {
-    const params: string[] = ['forks_count', 'stars_count', 'contributors_count']
+  const renderProjectCard = (project: Project) => {
+    const params: string[] = ['forksCount', 'starsCount', 'contributorsCount']
     const filteredIcons = getFilteredIcons(project, params)
     const handleButtonClick = () => {
       router.push(`/projects/${project.key}`)
     }
 
-    const SubmitButton = {
+    const submitButton = {
       label: 'View Details',
       icon: <FontAwesomeIconWrapper icon="fa-solid fa-right-to-bracket" />,
       onclick: handleButtonClick,
@@ -45,13 +45,13 @@ const ProjectsPage = () => {
 
     return (
       <Card
-        button={SubmitButton}
+        button={submitButton}
         icons={filteredIcons}
-        key={project.objectID}
+        key={project.key}
         level={level[`${project.level as keyof typeof level}`]}
         summary={project.summary}
         title={project.name}
-        topContributors={project.top_contributors}
+        topContributors={project.topContributors}
         url={`/projects/${project.key}`}
       />
     )
@@ -78,7 +78,7 @@ const ProjectsPage = () => {
       }
       totalPages={totalPages}
     >
-      {projects && projects.filter((project) => project.is_active).map(renderProjectCard)}
+      {projects && projects.filter((project) => project.isActive).map(renderProjectCard)}
     </SearchPageLayout>
   )
 }
diff --git a/frontend/src/app/snapshots/[id]/page.tsx b/frontend/src/app/snapshots/[id]/page.tsx
index 65d3e82af3..02bfe38e45 100644
--- a/frontend/src/app/snapshots/[id]/page.tsx
+++ b/frontend/src/app/snapshots/[id]/page.tsx
@@ -7,19 +7,19 @@ import React, { useState, useEffect } from 'react'
 import FontAwesomeIconWrapper from 'wrappers/FontAwesomeIconWrapper'
 import { handleAppError, ErrorDisplay } from 'app/global-error'
 import { GET_SNAPSHOT_DETAILS } from 'server/queries/snapshotQueries'
-import { ChapterTypeGraphQL } from 'types/chapter'
-import { ProjectTypeGraphql } from 'types/project'
-import { SnapshotDetailsProps } from 'types/snapshot'
+import type { Chapter } from 'types/chapter'
+import type { Project } from 'types/project'
+import type { SnapshotDetails } from 'types/snapshot'
 import { level } from 'utils/data'
 import { formatDate } from 'utils/dateFormatter'
-import { getFilteredIconsGraphql, handleSocialUrls } from 'utils/utility'
+import { getFilteredIcons, handleSocialUrls } from 'utils/utility'
 import Card from 'components/Card'
 import ChapterMapWrapper from 'components/ChapterMapWrapper'
 import LoadingSpinner from 'components/LoadingSpinner'
 
 const SnapshotDetailsPage: React.FC = () => {
   const { id: snapshotKey } = useParams()
-  const [snapshot, setSnapshot] = useState<SnapshotDetailsProps | null>(null)
+  const [snapshot, setSnapshot] = useState<SnapshotDetails | null>(null)
   const [isLoading, setIsLoading] = useState<boolean>(true)
   const router = useRouter()
 
@@ -38,15 +38,15 @@ const SnapshotDetailsPage: React.FC = () => {
     }
   }, [graphQLData, graphQLRequestError, snapshotKey])
 
-  const renderProjectCard = (project: ProjectTypeGraphql) => {
+  const renderProjectCard = (project: Project) => {
     const params: string[] = ['forksCount', 'starsCount', 'contributorsCount']
-    const filteredIcons = getFilteredIconsGraphql(project, params)
+    const filteredIcons = getFilteredIcons(project, params)
 
     const handleButtonClick = () => {
       router.push(`/projects/${project.key}`)
     }
 
-    const SubmitButton = {
+    const submitButton = {
       label: 'View Details',
       icon: <FontAwesomeIconWrapper icon="fa-solid fa-right-to-bracket" />,
       onclick: handleButtonClick,
@@ -54,7 +54,7 @@ const SnapshotDetailsPage: React.FC = () => {
 
     return (
       <Card
-        button={SubmitButton}
+        button={submitButton}
         icons={filteredIcons}
         key={project.key}
         level={level[`${project.level.toLowerCase() as keyof typeof level}`]}
@@ -66,16 +66,16 @@ const SnapshotDetailsPage: React.FC = () => {
     )
   }
 
-  const renderChapterCard = (chapter: ChapterTypeGraphQL) => {
+  const renderChapterCard = (chapter: Chapter) => {
     const params: string[] = ['updatedAt']
-    const filteredIcons = getFilteredIconsGraphql(chapter, params)
+    const filteredIcons = getFilteredIcons(chapter, params)
     const formattedUrls = handleSocialUrls(chapter.relatedUrls)
 
     const handleButtonClick = () => {
       router.push(`/chapters/${chapter.key}`)
     }
 
-    const SubmitButton = {
+    const submitButton = {
       label: 'View Details',
       icon: <FontAwesomeIconWrapper icon="fa-solid fa-right-to-bracket" />,
       onclick: handleButtonClick,
@@ -83,13 +83,13 @@ const SnapshotDetailsPage: React.FC = () => {
 
     return (
       <Card
+        button={submitButton}
+        icons={filteredIcons}
         key={chapter.key}
+        social={formattedUrls}
+        summary={chapter.summary}
         title={chapter.name}
         url={`/chapters/${chapter.key}`}
-        summary={chapter.summary}
-        icons={filteredIcons}
-        button={SubmitButton}
-        social={formattedUrls}
       />
     )
   }
diff --git a/frontend/src/app/snapshots/page.tsx b/frontend/src/app/snapshots/page.tsx
index 1a01dfc8ce..d9d4bfc548 100644
--- a/frontend/src/app/snapshots/page.tsx
+++ b/frontend/src/app/snapshots/page.tsx
@@ -5,12 +5,12 @@ import { useRouter } from 'next/navigation'
 import React, { useState, useEffect } from 'react'
 import FontAwesomeIconWrapper from 'wrappers/FontAwesomeIconWrapper'
 import { GET_COMMUNITY_SNAPSHOTS } from 'server/queries/snapshotQueries'
-import { Snapshots } from 'types/snapshot'
+import type { Snapshot } from 'types/snapshot'
 import LoadingSpinner from 'components/LoadingSpinner'
 import SnapshotCard from 'components/SnapshotCard'
 
 const SnapshotsPage: React.FC = () => {
-  const [snapshots, setSnapshots] = useState<Snapshots[] | null>(null)
+  const [snapshots, setSnapshots] = useState<Snapshot[] | null>(null)
   const [isLoading, setIsLoading] = useState<boolean>(true)
 
   const { data: graphQLData, error: graphQLRequestError } = useQuery(GET_COMMUNITY_SNAPSHOTS)
@@ -35,11 +35,11 @@ const SnapshotsPage: React.FC = () => {
 
   const router = useRouter()
 
-  const handleButtonClick = (snapshot: Snapshots) => {
+  const handleButtonClick = (snapshot: Snapshot) => {
     router.push(`/snapshots/${snapshot.key}`)
   }
 
-  const renderSnapshotCard = (snapshot: Snapshots) => {
+  const renderSnapshotCard = (snapshot: Snapshot) => {
     const SubmitButton = {
       label: 'View Details',
       icon: <FontAwesomeIconWrapper icon="fa-solid fa-right-to-bracket" />,
@@ -68,7 +68,7 @@ const SnapshotsPage: React.FC = () => {
           {!snapshots?.length ? (
             <div className="col-span-full py-8 text-center">No Snapshots found</div>
           ) : (
-            snapshots.map((snapshot: Snapshots) => (
+            snapshots.map((snapshot: Snapshot) => (
               <div key={snapshot.key}>{renderSnapshotCard(snapshot)}</div>
             ))
           )}
diff --git a/frontend/src/components/Card.tsx b/frontend/src/components/Card.tsx
index 6ae9df3c40..09e28da50b 100644
--- a/frontend/src/components/Card.tsx
+++ b/frontend/src/components/Card.tsx
@@ -2,7 +2,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { Tooltip } from '@heroui/tooltip'
 import Link from 'next/link'
 import FontAwesomeIconWrapper from 'wrappers/FontAwesomeIconWrapper'
-import { CardProps } from 'types/card'
+import type { CardProps } from 'types/card'
 import { Icons } from 'utils/data'
 import { getSocialIcon } from 'utils/urlIconMappings'
 import ActionButton from 'components/ActionButton'
diff --git a/frontend/src/components/CardDetailsPage.tsx b/frontend/src/components/CardDetailsPage.tsx
index 95fd57f8da..9fb2c1752b 100644
--- a/frontend/src/components/CardDetailsPage.tsx
+++ b/frontend/src/components/CardDetailsPage.tsx
@@ -9,7 +9,7 @@ import {
   faRectangleList,
 } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { DetailsCardProps } from 'types/card'
+import type { DetailsCardProps } from 'types/card'
 import { capitalize } from 'utils/capitalize'
 import { getSocialIcon } from 'utils/urlIconMappings'
 import AnchorTitle from 'components/AnchorTitle'
@@ -23,11 +23,11 @@ import RecentReleases from 'components/RecentReleases'
 import RepositoriesCard from 'components/RepositoriesCard'
 import SecondaryCard from 'components/SecondaryCard'
 import ToggleableList from 'components/ToggleableList'
-import TopContributors from 'components/TopContributors'
+import TopContributorsList from 'components/TopContributorsList'
 
 const DetailsCard = ({
   title,
-  is_active = true,
+  isActive = true,
   summary,
   description,
   heatmap,
@@ -52,7 +52,7 @@ const DetailsCard = ({
       <div className="mx-auto max-w-6xl">
         <h1 className="mb-6 mt-4 text-4xl font-bold">{title}</h1>
         <p className="mb-6 text-xl">{description}</p>
-        {!is_active && (
+        {!isActive && (
           <span className="ml-2 rounded bg-red-200 px-2 py-1 text-sm text-red-800">Inactive</span>
         )}
         {summary && (
@@ -123,7 +123,7 @@ const DetailsCard = ({
           {type === 'chapter' && geolocationData && (
             <div className="mb-8 h-[250px] md:col-span-4 md:h-auto">
               <ChapterMapWrapper
-                geoLocData={geolocationData ? [geolocationData] : []}
+                geoLocData={geolocationData}
                 showLocal={true}
                 style={{
                   borderRadius: '0.5rem',
@@ -153,7 +153,7 @@ const DetailsCard = ({
           </div>
         )}
         {topContributors && (
-          <TopContributors
+          <TopContributorsList
             icon={faUsers}
             contributors={topContributors}
             maxInitialDisplay={9}
diff --git a/frontend/src/components/ChapterMap.tsx b/frontend/src/components/ChapterMap.tsx
index 3d6fa1cec3..36c360aca5 100644
--- a/frontend/src/components/ChapterMap.tsx
+++ b/frontend/src/components/ChapterMap.tsx
@@ -1,7 +1,7 @@
 'use client'
 import L, { MarkerClusterGroup } from 'leaflet'
-import React, { useEffect, useMemo, useRef } from 'react'
-import { GeoLocDataAlgolia, GeoLocDataGraphQL } from 'types/chapter'
+import React, { useEffect, useRef } from 'react'
+import type { Chapter } from 'types/chapter'
 import 'leaflet.markercluster'
 import 'leaflet/dist/leaflet.css'
 import 'leaflet.markercluster/dist/MarkerCluster.css'
@@ -13,24 +13,14 @@ const ChapterMap = ({
   showLocal,
   style,
 }: {
-  geoLocData: GeoLocDataGraphQL[] | GeoLocDataAlgolia[]
+  geoLocData: Chapter[]
   showLocal: boolean
   style: React.CSSProperties
 }) => {
   const mapRef = useRef<L.Map | null>(null)
   const markerClusterRef = useRef<MarkerClusterGroup | null>(null)
 
-  const chapters = useMemo(() => {
-    return geoLocData.map((chapter) => ({
-      lat: '_geoloc' in chapter ? chapter._geoloc.lat : chapter.geoLocation.lat,
-      lng: '_geoloc' in chapter ? chapter._geoloc.lng : chapter.geoLocation.lng,
-      key: chapter.key,
-      name: chapter.name,
-    }))
-  }, [geoLocData])
-
   useEffect(() => {
-    if (typeof window === 'undefined') return
     if (!mapRef.current) {
       mapRef.current = L.map('chapter-map', {
         worldCopyJump: false,
@@ -58,7 +48,7 @@ const ChapterMap = ({
 
     const markerClusterGroup = markerClusterRef.current
 
-    const markers = chapters.map((chapter) => {
+    const markers = geoLocData.map((chapter) => {
       const markerIcon = new L.Icon({
         iconAnchor: [12, 41],
         iconRetinaUrl: '/img/marker-icon-2x.png',
@@ -69,7 +59,13 @@ const ChapterMap = ({
         shadowUrl: '/img/marker-shadow.png',
       })
 
-      const marker = L.marker([chapter.lat, chapter.lng], { icon: markerIcon })
+      const marker = L.marker(
+        [
+          chapter._geoloc?.lat || chapter.geoLocation?.lat,
+          chapter._geoloc?.lng || chapter.geoLocation?.lng,
+        ],
+        { icon: markerIcon }
+      )
       const popup = L.popup()
       const popupContent = document.createElement('div')
       popupContent.className = 'popup-content'
@@ -84,16 +80,27 @@ const ChapterMap = ({
 
     markerClusterGroup.addLayers(markers)
 
-    if (showLocal && chapters.length > 0) {
+    if (showLocal && geoLocData.length > 0) {
       const maxNearestChapters = 5
-      const localChapters = chapters.slice(0, maxNearestChapters - 1)
-      const localBounds = L.latLngBounds(localChapters.map((ch) => [ch.lat, ch.lng]))
+      const localChapters = geoLocData.slice(0, maxNearestChapters - 1)
+      const localBounds = L.latLngBounds(
+        localChapters.map((chapter) => [
+          chapter._geoloc?.lat || chapter.geoLocation?.lat,
+          chapter._geoloc?.lng || chapter.geoLocation?.lng,
+        ])
+      )
       const maxZoom = 7
-      const nearestChapter = chapters[0]
-      map.setView([nearestChapter.lat, nearestChapter.lng], maxZoom)
+      const nearestChapter = geoLocData[0]
+      map.setView(
+        [
+          nearestChapter._geoloc?.lat || nearestChapter.geoLocation?.lat,
+          nearestChapter._geoloc?.lng || nearestChapter.geoLocation?.lng,
+        ],
+        maxZoom
+      )
       map.fitBounds(localBounds, { maxZoom: maxZoom })
     }
-  }, [chapters, showLocal])
+  }, [geoLocData, showLocal])
 
   return <div id="chapter-map" style={style} />
 }
diff --git a/frontend/src/components/ChapterMapWrapper.tsx b/frontend/src/components/ChapterMapWrapper.tsx
index 0f7a27dfe3..48fb313e4a 100644
--- a/frontend/src/components/ChapterMapWrapper.tsx
+++ b/frontend/src/components/ChapterMapWrapper.tsx
@@ -1,11 +1,11 @@
 import dynamic from 'next/dynamic'
 import React from 'react'
-import { GeoLocDataAlgolia, GeoLocDataGraphQL } from 'types/chapter'
+import type { Chapter } from 'types/chapter'
 
 const ChapterMap = dynamic(() => import('./ChapterMap'), { ssr: false })
 
 const ChapterMapWrapper = (props: {
-  geoLocData: GeoLocDataGraphQL[] | GeoLocDataAlgolia[]
+  geoLocData: Chapter[]
   showLocal: boolean
   style: React.CSSProperties
 }) => {
diff --git a/frontend/src/components/ContributorAvatar.tsx b/frontend/src/components/ContributorAvatar.tsx
index 16eed05199..ae887eb3e5 100644
--- a/frontend/src/components/ContributorAvatar.tsx
+++ b/frontend/src/components/ContributorAvatar.tsx
@@ -2,16 +2,14 @@ import { Tooltip } from '@heroui/tooltip'
 import Image from 'next/image'
 import Link from 'next/link'
 import { memo } from 'react'
-import { TopContributorsTypeAlgolia, TopContributorsTypeGraphql } from 'types/contributor'
+import type { Contributor } from 'types/contributor'
 
 type ContributorProps = {
-  contributor: TopContributorsTypeAlgolia | TopContributorsTypeGraphql
+  contributor: Contributor
   uniqueKey: string
 }
 
-const isAlgoliaContributor = (
-  contributor: TopContributorsTypeAlgolia | TopContributorsTypeGraphql
-): contributor is TopContributorsTypeAlgolia => {
+const isAlgoliaContributor = (contributor: Contributor): contributor is Contributor => {
   return (
     typeof contributor === 'object' &&
     contributor !== null &&
@@ -23,20 +21,18 @@ const isAlgoliaContributor = (
 const ContributorAvatar = memo(({ contributor, uniqueKey }: ContributorProps) => {
   const isAlgolia = isAlgoliaContributor(contributor)
 
-  const avatarUrl = isAlgolia
-    ? contributor.avatar_url
-    : (contributor as TopContributorsTypeGraphql).avatarUrl
+  const avatarUrl = isAlgolia ? contributor.avatarUrl : (contributor as Contributor).avatarUrl
 
   const contributionsCount = isAlgolia
-    ? contributor.contributions_count
-    : (contributor as TopContributorsTypeGraphql).contributionsCount
+    ? contributor.contributionsCount
+    : (contributor as Contributor).contributionsCount
 
   const { login, name } = contributor
   const displayName = name || login
 
   const repositoryInfo =
-    !isAlgolia && (contributor as TopContributorsTypeGraphql).projectName
-      ? ` in ${(contributor as TopContributorsTypeGraphql).projectName}`
+    !isAlgolia && (contributor as Contributor).projectName
+      ? ` in ${(contributor as Contributor).projectName}`
       : ''
 
   return (
diff --git a/frontend/src/components/DisplayIcon.tsx b/frontend/src/components/DisplayIcon.tsx
index d01597ba4b..bb54cfbef1 100644
--- a/frontend/src/components/DisplayIcon.tsx
+++ b/frontend/src/components/DisplayIcon.tsx
@@ -1,10 +1,10 @@
 import { Tooltip } from '@heroui/tooltip'
 import { millify } from 'millify'
 import FontAwesomeIconWrapper from 'wrappers/FontAwesomeIconWrapper'
-import { IconType } from 'types/icon'
+import type { Icon } from 'types/icon'
 import { IconKeys, Icons } from 'utils/data'
 
-export default function DisplayIcon({ item, icons }: { item: string; icons: IconType }) {
+export default function DisplayIcon({ item, icons }: { item: string; icons: Icon }) {
   // className for the container
   const containerClassName = [
     'flex flex-row-reverse items-center justify-center gap-1 px-4 pb-1 -ml-2',
diff --git a/frontend/src/components/Footer.tsx b/frontend/src/components/Footer.tsx
index 65b77b26b2..acb61e71f7 100644
--- a/frontend/src/components/Footer.tsx
+++ b/frontend/src/components/Footer.tsx
@@ -4,7 +4,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { Button } from '@heroui/button'
 import Link from 'next/link'
 import { useState, useCallback } from 'react'
-import { Section } from 'types/section'
+import type { Section } from 'types/section'
 import { footerIcons } from 'utils/constants'
 import { footerSections } from 'utils/constants'
 
diff --git a/frontend/src/components/InfoBlock.tsx b/frontend/src/components/InfoBlock.tsx
index 95d853ef96..477ed4f352 100644
--- a/frontend/src/components/InfoBlock.tsx
+++ b/frontend/src/components/InfoBlock.tsx
@@ -1,4 +1,4 @@
-import { IconProp } from '@fortawesome/fontawesome-svg-core'
+import type { IconProp } from '@fortawesome/fontawesome-svg-core'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import millify from 'millify'
 import { pluralize } from 'utils/pluralize'
diff --git a/frontend/src/components/ItemCardList.tsx b/frontend/src/components/ItemCardList.tsx
index d29c4a6f48..1efbe17e90 100644
--- a/frontend/src/components/ItemCardList.tsx
+++ b/frontend/src/components/ItemCardList.tsx
@@ -3,8 +3,10 @@ import { Tooltip } from '@heroui/tooltip'
 import Image from 'next/image'
 import Link from 'next/link'
 import React, { JSX } from 'react'
-import { ProjectIssuesType, ProjectReleaseType, ProjectMilestonesType } from 'types/project'
-import { PullRequestsType } from 'types/user'
+import type { Issue } from 'types/issue'
+import type { Milestone } from 'types/milestone'
+import type { PullRequest } from 'types/pullRequest'
+import type { Release } from 'types/release'
 import SecondaryCard from 'components/SecondaryCard'
 import { TruncatedText } from 'components/TruncatedText'
 
@@ -17,7 +19,7 @@ const ItemCardList = ({
   showSingleColumn = true,
 }: {
   title: React.ReactNode
-  data: ProjectReleaseType[] | ProjectIssuesType[] | PullRequestsType[] | ProjectMilestonesType[]
+  data: Issue[] | Milestone[] | PullRequest[] | Release[]
   icon?: IconProp
   showAvatar?: boolean
   showSingleColumn?: boolean
diff --git a/frontend/src/components/LeadersList.tsx b/frontend/src/components/LeadersList.tsx
index 8cfff26a49..d79b3ae623 100644
--- a/frontend/src/components/LeadersList.tsx
+++ b/frontend/src/components/LeadersList.tsx
@@ -1,5 +1,5 @@
 import Link from 'next/link'
-import { LeadersListProps } from 'types/leaders'
+import type { LeadersListProps } from 'types/leaders'
 import { TruncatedText } from 'components/TruncatedText'
 
 /**
diff --git a/frontend/src/components/LogoCarousel.tsx b/frontend/src/components/LogoCarousel.tsx
index 3640d970aa..2376622cc6 100644
--- a/frontend/src/components/LogoCarousel.tsx
+++ b/frontend/src/components/LogoCarousel.tsx
@@ -1,10 +1,10 @@
 import Image from 'next/image'
 import Link from 'next/link'
 import { useEffect, useRef } from 'react'
-import { SponsorType } from 'types/home'
+import type { Sponsor } from 'types/home'
 
 interface MovingLogosProps {
-  sponsors: SponsorType[]
+  sponsors: Sponsor[]
 }
 
 export default function MovingLogos({ sponsors }: MovingLogosProps) {
diff --git a/frontend/src/components/Milestones.tsx b/frontend/src/components/Milestones.tsx
index 1457e31ad6..999af992ce 100644
--- a/frontend/src/components/Milestones.tsx
+++ b/frontend/src/components/Milestones.tsx
@@ -8,14 +8,14 @@ import {
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { useRouter } from 'next/navigation'
 import React from 'react'
-import { ProjectMilestonesType } from 'types/project'
+import type { Milestone } from 'types/milestone'
 import { formatDate } from 'utils/dateFormatter'
 import AnchorTitle from 'components/AnchorTitle'
 import ItemCardList from 'components/ItemCardList'
 import { TruncatedText } from 'components/TruncatedText'
 
 interface ProjectMilestonesProps {
-  data: ProjectMilestonesType[]
+  data: Milestone[]
   showAvatar?: boolean
   showSingleColumn?: boolean
 }
diff --git a/frontend/src/components/Modal.tsx b/frontend/src/components/Modal.tsx
index d7324bca19..9e401999d9 100644
--- a/frontend/src/components/Modal.tsx
+++ b/frontend/src/components/Modal.tsx
@@ -3,7 +3,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { Button } from '@heroui/button'
 import { Modal, ModalContent, ModalHeader, ModalBody, ModalFooter } from '@heroui/modal'
 import React from 'react'
-import { ModalProps } from 'types/modal'
+import type { ModalProps } from 'types/modal'
 import ActionButton from 'components/ActionButton'
 import Markdown from 'components/MarkdownWrapper'
 
diff --git a/frontend/src/components/MultiSearch.tsx b/frontend/src/components/MultiSearch.tsx
index 27de1f6bf4..bd76a392e3 100644
--- a/frontend/src/components/MultiSearch.tsx
+++ b/frontend/src/components/MultiSearch.tsx
@@ -14,12 +14,12 @@ import { useRouter } from 'next/navigation'
 import type React from 'react'
 import { useState, useEffect, useMemo, useCallback, useRef } from 'react'
 import { fetchAlgoliaData } from 'server/fetchAlgoliaData'
-import { ChapterTypeAlgolia } from 'types/chapter'
-import { EventType } from 'types/event'
-import { OrganizationTypeAlgolia } from 'types/organization'
-import { ProjectTypeAlgolia } from 'types/project'
-import { MultiSearchBarProps, Suggestion } from 'types/search'
-import { User } from 'types/user'
+import type { Chapter } from 'types/chapter'
+import type { Event } from 'types/event'
+import type { Organization } from 'types/organization'
+import type { Project } from 'types/project'
+import type { MultiSearchBarProps, Suggestion } from 'types/search'
+import type { User } from 'types/user'
 
 const MultiSearchBar: React.FC<MultiSearchBarProps> = ({
   isLoaded,
@@ -57,12 +57,7 @@ const MultiSearchBar: React.FC<MultiSearchBarProps> = ({
               const data = await fetchAlgoliaData(index, query, pageCount, suggestionCount)
               return {
                 indexName: index,
-                hits: data.hits as
-                  | ChapterTypeAlgolia[]
-                  | EventType[]
-                  | OrganizationTypeAlgolia[]
-                  | ProjectTypeAlgolia[]
-                  | User[],
+                hits: data.hits as Chapter[] | Event[] | Organization[] | Project[] | User[],
                 totalPages: data.totalPages || 0,
               }
             })
@@ -74,11 +69,11 @@ const MultiSearchBar: React.FC<MultiSearchBarProps> = ({
           if (filteredEvents.length > 0) {
             results.push({
               indexName: 'events',
-              hits: filteredEvents.slice(0, suggestionCount),
+              hits: filteredEvents.slice(0, suggestionCount) as Event[],
               totalPages: 1,
             })
           }
-          setSuggestions(results.filter((result) => result.hits.length > 0))
+          setSuggestions(results.filter((result) => result.hits.length > 0) as Suggestion[])
           setShowSuggestions(true)
         } else {
           setSuggestions([])
@@ -95,15 +90,7 @@ const MultiSearchBar: React.FC<MultiSearchBarProps> = ({
   }, [debouncedSearch])
 
   const handleSuggestionClick = useCallback(
-    (
-      suggestion:
-        | ChapterTypeAlgolia
-        | ProjectTypeAlgolia
-        | User
-        | EventType
-        | OrganizationTypeAlgolia,
-      indexName: string
-    ) => {
+    (suggestion: Chapter | Project | User | Event | Organization, indexName: string) => {
       setSearchQuery(suggestion.name ?? '')
       setShowSuggestions(false)
 
@@ -112,7 +99,7 @@ const MultiSearchBar: React.FC<MultiSearchBarProps> = ({
           router.push(`/chapters/${suggestion.key}`)
           break
         case 'events':
-          window.open((suggestion as EventType).url, '_blank')
+          window.open((suggestion as Event).url, '_blank')
           break
         case 'organizations':
           // Use type guard to safely access login property
@@ -140,12 +127,7 @@ const MultiSearchBar: React.FC<MultiSearchBarProps> = ({
         const { index, subIndex } = highlightedIndex
         const suggestion = suggestions[index].hits[subIndex]
         handleSuggestionClick(
-          suggestion as
-            | ChapterTypeAlgolia
-            | OrganizationTypeAlgolia
-            | ProjectTypeAlgolia
-            | User
-            | EventType,
+          suggestion as Chapter | Organization | Project | User | Event,
           suggestions[index].indexName
         )
       } else if (event.key === 'ArrowDown') {
diff --git a/frontend/src/components/NavButton.tsx b/frontend/src/components/NavButton.tsx
index 97ffb06181..f328a734f7 100644
--- a/frontend/src/components/NavButton.tsx
+++ b/frontend/src/components/NavButton.tsx
@@ -1,7 +1,7 @@
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import Link from 'next/link'
 import { useState } from 'react'
-import { NavButtonProps } from 'types/button'
+import type { NavButtonProps } from 'types/button'
 import { cn } from 'utils/utility'
 
 const NavButton = ({
diff --git a/frontend/src/components/NavDropDown.tsx b/frontend/src/components/NavDropDown.tsx
index a14fc34feb..b18504cfc5 100644
--- a/frontend/src/components/NavDropDown.tsx
+++ b/frontend/src/components/NavDropDown.tsx
@@ -2,7 +2,7 @@ import { faChevronDown } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import Link from 'next/link'
 import { useState, useRef, useEffect, useId } from 'react'
-import { Link as LinkType } from 'types/link'
+import type { Link as LinkType } from 'types/link'
 import { cn } from 'utils/utility'
 
 interface NavDropDownProps {
diff --git a/frontend/src/components/RecentIssues.tsx b/frontend/src/components/RecentIssues.tsx
index a5a16df6bf..e19064d56b 100644
--- a/frontend/src/components/RecentIssues.tsx
+++ b/frontend/src/components/RecentIssues.tsx
@@ -2,14 +2,14 @@ import { faCalendar, faFolderOpen, faCircleExclamation } from '@fortawesome/free
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { useRouter } from 'next/navigation'
 import React from 'react'
-import { ProjectIssuesType } from 'types/project'
+import type { Issue } from 'types/issue'
 import { formatDate } from 'utils/dateFormatter'
 import AnchorTitle from 'components/AnchorTitle'
 import ItemCardList from 'components/ItemCardList'
 import { TruncatedText } from 'components/TruncatedText'
 
 interface RecentIssuesProps {
-  data: ProjectIssuesType[]
+  data: Issue[]
   showAvatar?: boolean
 }
 
diff --git a/frontend/src/components/RecentPullRequests.tsx b/frontend/src/components/RecentPullRequests.tsx
index e5ddcc979c..7684180dd1 100644
--- a/frontend/src/components/RecentPullRequests.tsx
+++ b/frontend/src/components/RecentPullRequests.tsx
@@ -2,15 +2,14 @@ import { faCalendar, faCodePullRequest, faFolderOpen } from '@fortawesome/free-s
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { useRouter } from 'next/navigation'
 import React from 'react'
-import { PullRequestsType } from 'types/home'
-import { ItemCardPullRequests } from 'types/user'
+import type { PullRequest } from 'types/pullRequest'
 import { formatDate } from 'utils/dateFormatter'
 import AnchorTitle from 'components/AnchorTitle'
 import ItemCardList from 'components/ItemCardList'
 import { TruncatedText } from 'components/TruncatedText'
 
 interface RecentPullRequestsProps {
-  data: ItemCardPullRequests[] | PullRequestsType[]
+  data: PullRequest[]
   showAvatar?: boolean
 }
 
diff --git a/frontend/src/components/RecentReleases.tsx b/frontend/src/components/RecentReleases.tsx
index 35630fdb33..e97280838f 100644
--- a/frontend/src/components/RecentReleases.tsx
+++ b/frontend/src/components/RecentReleases.tsx
@@ -5,14 +5,14 @@ import Image from 'next/image'
 import Link from 'next/link'
 import { useRouter } from 'next/navigation'
 import React from 'react'
-import { ProjectReleaseType } from 'types/project'
+import type { Release } from 'types/release'
 import { formatDate } from 'utils/dateFormatter'
 import AnchorTitle from 'components/AnchorTitle'
 import SecondaryCard from 'components/SecondaryCard'
 import { TruncatedText } from 'components/TruncatedText'
 
 interface RecentReleasesProps {
-  data: ProjectReleaseType[]
+  data: Release[]
   showAvatar?: boolean
   showSingleColumn?: boolean
 }
diff --git a/frontend/src/components/RepositoriesCard.tsx b/frontend/src/components/RepositoriesCard.tsx
index 88e15f12f7..eeb712828d 100644
--- a/frontend/src/components/RepositoriesCard.tsx
+++ b/frontend/src/components/RepositoriesCard.tsx
@@ -10,7 +10,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { useRouter } from 'next/navigation'
 import type React from 'react'
 import { useState } from 'react'
-import { RepositoriesCardProps, RepositoryCardProps } from 'types/project'
+import type { RepositoriesCardProps, RepositoryCardProps } from 'types/project'
 import InfoItem from 'components/InfoItem'
 import { TruncatedText } from 'components/TruncatedText'
 
diff --git a/frontend/src/components/SnapshotCard.tsx b/frontend/src/components/SnapshotCard.tsx
index 78da8c999d..e80cb65255 100644
--- a/frontend/src/components/SnapshotCard.tsx
+++ b/frontend/src/components/SnapshotCard.tsx
@@ -1,7 +1,7 @@
 import { faChevronRight, faCalendar } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { Button } from '@heroui/button'
-import { SnapshotCardProps } from 'types/card'
+import type { SnapshotCardProps } from 'types/card'
 import { formatDate } from 'utils/dateFormatter'
 
 const SnapshotCard = ({ title, button, startAt, endAt }: SnapshotCardProps) => {
diff --git a/frontend/src/components/SortBy.tsx b/frontend/src/components/SortBy.tsx
index eabebc262a..f8f7766678 100644
--- a/frontend/src/components/SortBy.tsx
+++ b/frontend/src/components/SortBy.tsx
@@ -2,7 +2,7 @@ import { faArrowDownWideShort, faArrowUpWideShort } from '@fortawesome/free-soli
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { Select, SelectItem } from '@heroui/select'
 import { Tooltip } from '@heroui/tooltip'
-import { SortByProps } from 'types/sortBy'
+import type { SortByProps } from 'types/sortBy'
 
 const SortBy = ({
   sortOptions,
diff --git a/frontend/src/components/TopContributors.tsx b/frontend/src/components/TopContributorsList.tsx
similarity index 95%
rename from frontend/src/components/TopContributors.tsx
rename to frontend/src/components/TopContributorsList.tsx
index 08c21a5563..218cbd6a36 100644
--- a/frontend/src/components/TopContributors.tsx
+++ b/frontend/src/components/TopContributorsList.tsx
@@ -5,21 +5,21 @@ import { Button } from '@heroui/button'
 import Image from 'next/image'
 import Link from 'next/link'
 import { useState } from 'react'
-import { TopContributorsTypeGraphql } from 'types/contributor'
+import type { Contributor } from 'types/contributor'
 import { capitalize } from 'utils/capitalize'
 import { pluralize } from 'utils/pluralize'
 import { getMemberUrl, getProjectUrl } from 'utils/urlFormatter'
 import AnchorTitle from 'components/AnchorTitle'
 import SecondaryCard from 'components/SecondaryCard'
 
-const TopContributors = ({
+const TopContributorsList = ({
   contributors,
   label = 'Top Contributors',
   maxInitialDisplay = 6,
   type,
   icon,
 }: {
-  contributors: TopContributorsTypeGraphql[]
+  contributors: Contributor[]
   label?: string
   maxInitialDisplay?: number
   type: string
@@ -109,4 +109,4 @@ const TopContributors = ({
   )
 }
 
-export default TopContributors
+export default TopContributorsList
diff --git a/frontend/src/components/UserCard.tsx b/frontend/src/components/UserCard.tsx
index 92705aed42..26681afdd0 100644
--- a/frontend/src/components/UserCard.tsx
+++ b/frontend/src/components/UserCard.tsx
@@ -3,7 +3,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { Button } from '@heroui/button'
 import millify from 'millify'
 import Image from 'next/image'
-import { UserCardProps } from 'types/card'
+import type { UserCardProps } from 'types/card'
 
 const UserCard = ({
   avatar,
@@ -12,10 +12,10 @@ const UserCard = ({
   company,
   description,
   email,
-  followers_count,
+  followersCount,
   location,
   name,
-  repositories_count,
+  repositoriesCount,
 }: UserCardProps) => {
   return (
     <Button
@@ -49,16 +49,16 @@ const UserCard = ({
             </p>
           )}
           <div className="flex justify-center gap-3">
-            {followers_count > 0 && (
+            {followersCount > 0 && (
               <p className="mt-1 max-w-[250px] truncate text-sm text-gray-600 dark:text-gray-400 sm:text-base">
                 <FontAwesomeIcon icon={faUsers} className="mr-1 h-4 w-4" />
-                {millify(followers_count, { precision: 1 })}
+                {millify(followersCount, { precision: 1 })}
               </p>
             )}
-            {repositories_count > 0 && (
+            {repositoriesCount > 0 && (
               <p className="mt-1 max-w-[250px] truncate text-sm text-gray-600 dark:text-gray-400 sm:text-base">
                 <FontAwesomeIcon icon={faFolderOpen} className="mr-1 h-4 w-4" />
-                {millify(repositories_count, { precision: 1 })}
+                {millify(repositoriesCount, { precision: 1 })}
               </p>
             )}
           </div>
diff --git a/frontend/src/components/skeletons/Card.tsx b/frontend/src/components/skeletons/Card.tsx
index bf05d60838..71596c9edc 100644
--- a/frontend/src/components/skeletons/Card.tsx
+++ b/frontend/src/components/skeletons/Card.tsx
@@ -1,6 +1,6 @@
 import { Skeleton } from '@heroui/skeleton'
 import type React from 'react'
-import { CardSkeletonProps } from 'types/skeleton'
+import type { CardSkeletonProps } from 'types/skeleton'
 
 const CardSkeleton: React.FC<CardSkeletonProps> = ({
   showLevel = true,
diff --git a/frontend/src/components/skeletons/UserCard.tsx b/frontend/src/components/skeletons/UserCard.tsx
index ba40eb8fcd..1bc7ed7a71 100644
--- a/frontend/src/components/skeletons/UserCard.tsx
+++ b/frontend/src/components/skeletons/UserCard.tsx
@@ -1,6 +1,6 @@
 import { Skeleton } from '@heroui/skeleton'
 import type React from 'react'
-import { UserCardSkeletonProps } from 'types/skeleton'
+import type { UserCardSkeletonProps } from 'types/skeleton'
 
 const UserCardSkeleton: React.FC<UserCardSkeletonProps> = ({
   showAvatar = true,
diff --git a/frontend/src/server/fetchAlgoliaData.ts b/frontend/src/server/fetchAlgoliaData.ts
index 1a33561fe2..7da2d30990 100644
--- a/frontend/src/server/fetchAlgoliaData.ts
+++ b/frontend/src/server/fetchAlgoliaData.ts
@@ -1,6 +1,5 @@
 import { AppError } from 'app/global-error'
-import { IndexedObject, removeIdxPrefix } from 'server/utility'
-import { AlgoliaResponseType } from 'types/algolia'
+import type { AlgoliaResponse } from 'types/algolia'
 import { IDX_URL } from 'utils/credentials'
 import { getCsrfToken } from 'utils/utility'
 
@@ -10,7 +9,7 @@ export const fetchAlgoliaData = async <T>(
   currentPage = 0,
   hitsPerPage = 25,
   facetFilters: string[] = []
-): Promise<AlgoliaResponseType<T>> => {
+): Promise<AlgoliaResponse<T>> => {
   try {
     if (['projects', 'chapters'].includes(indexName)) {
       facetFilters.push('idx_is_active:true')
@@ -43,10 +42,9 @@ export const fetchAlgoliaData = async <T>(
     const results = await response.json()
     if (results && results.hits.length > 0) {
       const { hits, nbPages } = results
-      const cleanedHits = hits.map((hit: IndexedObject) => removeIdxPrefix(hit)) as T[]
 
       return {
-        hits: cleanedHits,
+        hits: hits,
         totalPages: nbPages || 0,
       }
     } else {
diff --git a/frontend/src/server/utility.ts b/frontend/src/server/utility.ts
deleted file mode 100644
index 79a304077b..0000000000
--- a/frontend/src/server/utility.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-export type IndexedObject = {
-  [key: string]: unknown
-}
-
-export const removeIdxPrefix = (obj: IndexedObject): IndexedObject => {
-  const newObj: IndexedObject = {}
-  for (const key in obj) {
-    if (Object.prototype.hasOwnProperty.call(obj, key)) {
-      const newKey = key.startsWith('idx_') ? key.slice(4) : key
-      newObj[newKey] = obj[key]
-    }
-  }
-  return newObj
-}
diff --git a/frontend/src/types/algolia.ts b/frontend/src/types/algolia.ts
index 0126f2a307..43e0be418e 100644
--- a/frontend/src/types/algolia.ts
+++ b/frontend/src/types/algolia.ts
@@ -1,9 +1,9 @@
-export interface AlgoliaResponseType<T> {
+export type AlgoliaResponse<T> = {
   hits: T[]
   totalPages?: number
 }
 
-export interface AlgoliaRequestType {
+export type AlgoliaRequest = {
   aroundLatLngViaIP?: boolean
   attributesToHighlight: string[]
   attributesToRetrieve: string[]
diff --git a/frontend/src/types/button.ts b/frontend/src/types/button.ts
index 6e8e521b84..bded6c19db 100644
--- a/frontend/src/types/button.ts
+++ b/frontend/src/types/button.ts
@@ -1,19 +1,19 @@
-import { IconDefinition } from '@fortawesome/free-solid-svg-icons'
-import { JSX } from 'react'
+import type { IconDefinition } from '@fortawesome/free-solid-svg-icons'
+import type { JSX } from 'react'
 
-export type ButtonType = {
-  label: string
+export type Button = {
   icon?: JSX.Element
+  label: string
   onclick?: () => void
   url?: string
 }
 
-export interface NavButtonProps {
-  href: string
+export type NavButtonProps = {
+  className?: string
   defaultIcon: IconDefinition
-  hoverIcon: IconDefinition
   defaultIconColor?: string
+  hoverIcon: IconDefinition
   hoverIconColor?: string
+  href: string
   text: string
-  className?: string
 }
diff --git a/frontend/src/types/card.ts b/frontend/src/types/card.ts
index 00b87708df..978f09fde5 100644
--- a/frontend/src/types/card.ts
+++ b/frontend/src/types/card.ts
@@ -1,21 +1,19 @@
-import { IconDefinition } from '@fortawesome/free-solid-svg-icons'
-import { JSX } from 'react'
-import { ButtonType } from 'types/button'
-import { GeoLocDataGraphQL } from 'types/chapter'
-import { TopContributorsTypeAlgolia, TopContributorsTypeGraphql } from 'types/contributor'
-import { IconType } from 'types/icon'
-import { Level } from 'types/level'
-import {
-  ProjectIssuesType,
-  ProjectReleaseType,
-  RepositoryCardProps,
-  ProjectMilestonesType,
-} from 'types/project'
-import { ItemCardPullRequests } from 'types/user'
+import type { IconDefinition } from '@fortawesome/free-solid-svg-icons'
+import type { JSX } from 'react'
+import type { Button } from 'types/button'
+import type { Chapter } from 'types/chapter'
+import type { Contributor } from 'types/contributor'
+import type { Icon } from 'types/icon'
+import type { Issue } from 'types/issue'
+import type { Level } from 'types/level'
+import type { Milestone } from 'types/milestone'
+import type { RepositoryCardProps } from 'types/project'
+import type { PullRequest } from 'types/pullRequest'
+import type { Release } from 'types/release'
 
-export interface CardProps {
-  button: ButtonType
-  icons?: IconType
+export type CardProps = {
+  button: Button
+  icons?: Icon
   isActive?: boolean
   level?: Level
   projectLink?: string
@@ -24,11 +22,11 @@ export interface CardProps {
   summary: string
   title: string
   tooltipLabel?: string
-  topContributors?: TopContributorsTypeGraphql[] | TopContributorsTypeAlgolia[]
+  topContributors?: Contributor[]
   url: string
 }
 
-interface stats {
+type stats = {
   icon: IconDefinition
   pluralizedName?: string
   unit?: string
@@ -37,21 +35,21 @@ interface stats {
 export interface DetailsCardProps {
   description?: string
   details?: { label: string; value: string | JSX.Element }[]
-  geolocationData?: GeoLocDataGraphQL | null
+  geolocationData?: Chapter[]
   heatmap?: JSX.Element
-  is_active?: boolean
+  isActive?: boolean
   languages?: string[]
-  pullRequests?: ItemCardPullRequests[]
-  recentIssues?: ProjectIssuesType[]
-  recentReleases?: ProjectReleaseType[]
-  recentMilestones?: ProjectMilestonesType[]
+  pullRequests?: PullRequest[]
+  recentIssues?: Issue[]
+  recentReleases?: Release[]
+  recentMilestones?: Milestone[]
   repositories?: RepositoryCardProps[]
   socialLinks?: string[]
   stats?: stats[]
   summary?: string
   showAvatar?: boolean
   title?: string
-  topContributors?: TopContributorsTypeGraphql[]
+  topContributors?: Contributor[]
   topics?: string[]
   type: string
   userSummary?: JSX.Element
@@ -59,15 +57,15 @@ export interface DetailsCardProps {
 
 export interface UserCardProps {
   avatar: string
-  button: ButtonType
+  button: Button
   className?: string
   company?: string
   description?: string
   email?: string
-  followers_count?: number
+  followersCount?: number
   location?: string
   name?: string
-  repositories_count?: number
+  repositoriesCount?: number
 }
 
 export interface SnapshotCardProps {
@@ -75,5 +73,5 @@ export interface SnapshotCardProps {
   startAt: string
   endAt: string
   title: string
-  button: ButtonType
+  button: Button
 }
diff --git a/frontend/src/types/chapter.ts b/frontend/src/types/chapter.ts
index a11bbd90fd..c6ee7bbe70 100644
--- a/frontend/src/types/chapter.ts
+++ b/frontend/src/types/chapter.ts
@@ -1,54 +1,24 @@
-import { TopContributorsTypeAlgolia } from 'types/contributor'
+import type { Contributor } from 'types/contributor'
 
-export interface ChapterDataType {
-  active_committees_count: number
-  chapters: ChapterTypeAlgolia[]
-  total_pages: number
-}
-
-export interface ChapterTypeAlgolia {
-  _geoloc: { lat: number; lng: number }
-  created_at: number
-  is_active: boolean
+export type Chapter = {
+  _geoloc?: GeoLocation
+  createdAt: number
+  geoLocation?: GeoLocation
+  isActive: boolean
   key: string
   leaders: string[]
   name: string
   objectID: string
   region: string
-  related_urls: string[]
-  summary: string
-  suggested_location: string
-  top_contributors: TopContributorsTypeAlgolia[]
-  updated_at: number
-  url: string
-}
-
-export interface ChapterTypeGraphQL {
-  geoLocation: GeoLocation
-  isActive: boolean
-  key: string
-  name: string
-  region: string
   relatedUrls: string[]
-  summary: string
   suggestedLocation: string
+  summary: string
+  topContributors: Contributor[]
   updatedAt: number
   url: string
 }
 
-export interface GeoLocation {
+export type GeoLocation = {
   lat: number
   lng: number
 }
-
-export interface GeoLocDataAlgolia {
-  _geoloc: { lat: number; lng: number }
-  key: string
-  name: string
-}
-
-export interface GeoLocDataGraphQL {
-  geoLocation: GeoLocation
-  key: string
-  name: string
-}
diff --git a/frontend/src/types/committee.ts b/frontend/src/types/committee.ts
index c8928d33b3..98ed64db32 100644
--- a/frontend/src/types/committee.ts
+++ b/frontend/src/types/committee.ts
@@ -1,41 +1,19 @@
-import { TopContributorsTypeGraphql } from 'types/contributor'
+import type { Contributor } from 'types/contributor'
 
-export interface CommitteeTypeAlgolia {
-  created_at: number
-  key: string
-  leaders: string[]
-  name: string
-  related_urls: string[]
-  top_contributors: {
-    avatar_url: string
-    contributions_count: number
-    login: string
-    name: string
-  }[]
-  summary: string
-  updated_at: number
-  url: string
-  objectID: string
-}
-
-export interface CommitteeDetailsTypeGraphQL {
-  contributorsCount: number
+export type Committee = {
+  contributorsCount?: number
   createdAt: number
-  forksCount: number
-  issuesCount: number
+  forksCount?: number
+  issuesCount?: number
+  key: string
   leaders: string[]
   name: string
+  objectID?: string
   relatedUrls: string[]
-  starsCount: number
-  topContributors: TopContributorsTypeGraphql[]
-  repositoriesCount: number
+  repositoriesCount?: number
+  starsCount?: number
   summary: string
+  topContributors: Contributor[]
   updatedAt: number
   url: string
 }
-
-export interface CommitteeDataType {
-  active_committees_count: number
-  committees: CommitteeTypeAlgolia[]
-  total_pages: number
-}
diff --git a/frontend/src/types/contributor.ts b/frontend/src/types/contributor.ts
index 928f97605f..084343eb9f 100644
--- a/frontend/src/types/contributor.ts
+++ b/frontend/src/types/contributor.ts
@@ -1,15 +1,8 @@
-export type TopContributorsTypeAlgolia = {
-  avatar_url: string
-  contributions_count: number
-  login: string
-  name: string
-}
-
-export type TopContributorsTypeGraphql = {
+export type Contributor = {
   avatarUrl: string
   contributionsCount: number
   login: string
   name: string
-  projectKey?: string
+  projectKey: string
   projectName?: string
 }
diff --git a/frontend/src/types/event.ts b/frontend/src/types/event.ts
index 225495ae9e..e1bc85a59a 100644
--- a/frontend/src/types/event.ts
+++ b/frontend/src/types/event.ts
@@ -1,4 +1,4 @@
-export type EventType = {
+export type Event = {
   category: string
   endDate?: string
   key: string
diff --git a/frontend/src/types/home.ts b/frontend/src/types/home.ts
index 81551530b1..63922c5b4a 100644
--- a/frontend/src/types/home.ts
+++ b/frontend/src/types/home.ts
@@ -1,21 +1,20 @@
-import { TopContributorsTypeGraphql } from 'types/contributor'
-import { EventType } from 'types/event'
-import { ProjectIssuesType, ProjectReleaseType, ProjectMilestonesType } from 'types/project'
+import type { Chapter } from 'types/chapter'
+import type { Contributor } from 'types/contributor'
+import type { Event } from 'types/event'
+import type { Issue } from 'types/issue'
+import type { Milestone } from 'types/milestone'
+import type { Project } from 'types/project'
+import type { PullRequest } from 'types/pullRequest'
+import type { Release } from 'types/release'
 
 export type MainPageData = {
-  topContributors: TopContributorsTypeGraphql[]
-  recentIssues: ProjectIssuesType[]
-  recentReleases: ProjectReleaseType[]
-  upcomingEvents: EventType[]
-  recentPullRequests: PullRequestsType[]
-  recentMilestones: ProjectMilestonesType[]
-  recentChapters: {
-    createdAt: string
-    key: string
-    leaders: string[]
-    name: string
-    suggestedLocation: string
-  }[]
+  topContributors: Contributor[]
+  recentIssues: Issue[]
+  recentReleases: Release[]
+  upcomingEvents: Event[]
+  recentPullRequests: PullRequest[]
+  recentMilestones: Milestone[]
+  recentChapters: Chapter[]
   recentPosts: {
     authorName: string
     authorImageUrl: string
@@ -23,16 +22,8 @@ export type MainPageData = {
     title: string
     url: string
   }[]
-  recentProjects: {
-    createdAt: string
-    key: string
-    leaders: string[]
-    name: string
-    openIssuesCount: number
-    repositoriesCount: number
-    type: string
-  }[]
-  sponsors: SponsorType[]
+  recentProjects: Project[]
+  sponsors: Sponsor[]
   statsOverview: {
     activeChaptersStats: number
     activeProjectsStats: number
@@ -42,21 +33,9 @@ export type MainPageData = {
   }
 }
 
-export type SponsorType = {
+export type Sponsor = {
   imageUrl: string
   name: string
   sponsorType: string
   url: string
 }
-
-export type PullRequestsType = {
-  author: {
-    avatarUrl: string
-    login: string
-    name: string
-  }
-  organizationName: string
-  createdAt: string
-  title: string
-  url: string
-}
diff --git a/frontend/src/types/icon.ts b/frontend/src/types/icon.ts
index 4518dbdbbd..96b7f95a52 100644
--- a/frontend/src/types/icon.ts
+++ b/frontend/src/types/icon.ts
@@ -1,3 +1,3 @@
-export type IconType = {
+export type Icon = {
   [key: string]: string | number
 }
diff --git a/frontend/src/types/issue.ts b/frontend/src/types/issue.ts
index 65c1ed79a0..bd8f746f0c 100644
--- a/frontend/src/types/issue.ts
+++ b/frontend/src/types/issue.ts
@@ -1,19 +1,19 @@
-export interface IssuesDataType {
-  issues: IssueType[]
-  open_issues_count: number
-  total_pages: number
-}
+import type { RepositoryDetails, User } from 'types/user'
 
-export interface IssueType {
-  created_at: number
+export type Issue = {
+  author: User
+  createdAt: number
   hint: string
   labels: string[]
-  project_name: string
-  project_url: string
-  repository_languages: string[]
+  number?: string
+  organizationName?: string
+  projectName: string
+  projectUrl: string
+  repository?: RepositoryDetails
+  repositoryLanguages?: string[]
   summary: string
   title: string
-  updated_at: number
+  updatedAt: number
   url: string
   objectID: string
 }
diff --git a/frontend/src/types/leaders.ts b/frontend/src/types/leaders.ts
index 69021bc752..ca543e7220 100644
--- a/frontend/src/types/leaders.ts
+++ b/frontend/src/types/leaders.ts
@@ -1,3 +1,3 @@
-export interface LeadersListProps {
+export type LeadersListProps = {
   leaders: string
 }
diff --git a/frontend/src/types/level.ts b/frontend/src/types/level.ts
index 300e92924e..27f252d020 100644
--- a/frontend/src/types/level.ts
+++ b/frontend/src/types/level.ts
@@ -1,4 +1,4 @@
-export interface Level {
+export type Level = {
   color: string
   icon: string
   level?: string
diff --git a/frontend/src/types/link.ts b/frontend/src/types/link.ts
index 62b398dfbb..2c646a508e 100644
--- a/frontend/src/types/link.ts
+++ b/frontend/src/types/link.ts
@@ -1,4 +1,4 @@
-export interface Link {
+export type Link = {
   href?: string
   isSpan?: boolean
   submenu?: Link[]
diff --git a/frontend/src/types/milestone.ts b/frontend/src/types/milestone.ts
new file mode 100644
index 0000000000..51908d7ad1
--- /dev/null
+++ b/frontend/src/types/milestone.ts
@@ -0,0 +1,15 @@
+import type { User } from 'types/user'
+
+export type Milestone = {
+  author: User
+  body: string
+  closedIssuesCount: number
+  createdAt: string
+  openIssuesCount: number
+  organizationName?: string
+  progress?: number
+  repositoryName: string
+  state: string
+  title: string
+  url?: string
+}
diff --git a/frontend/src/types/modal.ts b/frontend/src/types/modal.ts
index c3bc5a13ac..ea0311ebdc 100644
--- a/frontend/src/types/modal.ts
+++ b/frontend/src/types/modal.ts
@@ -1,13 +1,13 @@
 import React from 'react'
-import { ButtonType } from 'types/button'
+import type { Button } from 'types/button'
 
-export interface ModalProps {
-  title: string
-  summary: string
+export type ModalProps = {
+  button: Button
+  children?: React.ReactNode
+  description: string
   hint?: string
   isOpen: boolean
   onClose: () => void
-  button: ButtonType
-  children?: React.ReactNode
-  description: string
+  summary: string
+  title: string
 }
diff --git a/frontend/src/types/organization.ts b/frontend/src/types/organization.ts
index 871f6ffb70..3502a1f4ac 100644
--- a/frontend/src/types/organization.ts
+++ b/frontend/src/types/organization.ts
@@ -1,17 +1,17 @@
-export interface OrganizationTypeAlgolia {
-  avatar_url: string
-  collaborators_count: number
+export type Organization = {
+  avatarUrl: string
+  collaboratorsCount: number
   company?: string
-  created_at: number
+  createdAt: number
   description?: string
   email?: string
-  followers_count: number
+  followersCount: number
   key: string
   location?: string
   login: string
   name: string
   objectID: string
-  public_repositories_count: number
-  updated_at: number
+  publicRepositoriesCount: number
+  updatedAt: number
   url: string
 }
diff --git a/frontend/src/types/project.ts b/frontend/src/types/project.ts
index 81e1156d0e..00d6b093df 100644
--- a/frontend/src/types/project.ts
+++ b/frontend/src/types/project.ts
@@ -1,54 +1,11 @@
-import { TopContributorsTypeAlgolia, TopContributorsTypeGraphql } from 'types/contributor'
-
-export interface ProjectDataType {
-  active_projects_count: number
-  total_pages: number
-  projects: ProjectTypeAlgolia[]
-}
-
-export interface ProjectIssuesType {
-  author: { avatarUrl: string; key: string; name: string }
-  createdAt: number
-  organizationName?: string
-  repositoryName?: string
-  title: string
-  url: string
-}
-
-export interface ProjectPullRequestsType {
-  author: {
-    avatarUrl: string
-    key: string
-    name: string
-    login: string
-  }
-  createdAt: string
-  organizationName: string
-  repositoryName?: string
-  title: string
-  url: string
-}
-
-export interface ProjectMilestonesType {
-  author: {
-    avatarUrl: string
-    key: string
-    login: string
-    name: string
-  }
-  body: string
-  closedIssuesCount: number
-  createdAt: string
-  openIssuesCount: number
-  organizationName?: string
-  progress?: number
-  repositoryName: string
-  state: string
-  title: string
-  url?: string
-}
-
-export interface ProjectStatsType {
+import type { Contributor } from 'types/contributor'
+import type { Issue } from 'types/issue'
+import type { Milestone } from 'types/milestone'
+import type { Organization } from 'types/organization'
+import type { PullRequest } from 'types/pullRequest'
+import type { Release } from 'types/release'
+
+export type ProjectStats = {
   contributors: number
   forks: number
   issues: number
@@ -56,31 +13,10 @@ export interface ProjectStatsType {
   stars: number
 }
 
-export interface ProjectTypeAlgolia {
-  contributors_count: number
-  description: string
-  forks_count: number
-  is_active: boolean
-  issues_count: number
-  key: string
-  languages: string[]
-  leaders: string[]
-  level: string
-  name: string
-  objectID: string
-  organizations: string
-  repositories_count: number
-  stars_count: number
-  summary: string
-  topics: string[]
-  top_contributors: TopContributorsTypeAlgolia[]
-  type: string
-  updated_at: number
-  url: string
-}
-
-export interface ProjectTypeGraphql {
+export type Project = {
+  createdAt?: string
   contributorsCount: number
+  description: string
   forksCount: number
   isActive: boolean
   issuesCount: number
@@ -89,51 +25,35 @@ export interface ProjectTypeGraphql {
   leaders: string[]
   level: string
   name: string
+  openIssuesCount?: number
+  organizations: string
   repositoriesCount: number
   starsCount: number
   summary: string
   topics: string[]
+  topContributors: Contributor[]
   type: string
   updatedAt: number
   url: string
-  recentIssues: ProjectIssuesType[]
-  recentPullRequests: ProjectPullRequestsType[]
-  recentReleases: ProjectReleaseType[]
-  repositories: RepositoryCardProps[]
-  topContributors: TopContributorsTypeGraphql[]
-  recentMilestones: ProjectMilestonesType[]
+  recentIssues?: Issue[]
+  recentPullRequests?: PullRequest[]
+  recentReleases?: Release[]
+  repositories?: RepositoryCardProps[]
+  recentMilestones?: Milestone[]
 }
 
-export interface RepositoriesCardProps {
-  repositories: RepositoryCardProps[]
+export type RepositoriesCardProps = {
+  repositories?: RepositoryCardProps[]
 }
 
-export interface RepositoryCardProps {
+export type RepositoryCardProps = {
   contributorsCount: number
   forksCount: number
   key?: string
   name: string
   openIssuesCount: number
-  organization?: {
-    login: string
-  }
+  organization?: Organization
   starsCount: number
   subscribersCount: number
   url: string
 }
-
-export type ProjectReleaseType = {
-  author: {
-    avatarUrl: string
-    key: string
-    login: string
-    name: string
-  }
-  isPreRelease: boolean
-  name: string
-  organizationName?: string
-  publishedAt: number
-  repositoryName: string
-  tagName: string
-  url: string
-}
diff --git a/frontend/src/types/pullRequest.ts b/frontend/src/types/pullRequest.ts
new file mode 100644
index 0000000000..47c15ad798
--- /dev/null
+++ b/frontend/src/types/pullRequest.ts
@@ -0,0 +1,10 @@
+import type { User } from 'types/user'
+
+export type PullRequest = {
+  author: User
+  createdAt: string
+  organizationName: string
+  repositoryName?: string
+  title: string
+  url: string
+}
diff --git a/frontend/src/types/release.ts b/frontend/src/types/release.ts
new file mode 100644
index 0000000000..296faa5e86
--- /dev/null
+++ b/frontend/src/types/release.ts
@@ -0,0 +1,14 @@
+import type { RepositoryDetails, User } from 'types/user'
+
+export type Release = {
+  author: User
+  isPreRelease: boolean
+  name: string
+  organizationName?: string
+  projectName?: string
+  publishedAt: number
+  repository?: RepositoryDetails
+  repositoryName: string
+  tagName: string
+  url: string
+}
diff --git a/frontend/src/types/search.ts b/frontend/src/types/search.ts
index db2c9d3eb5..2e0e84872e 100644
--- a/frontend/src/types/search.ts
+++ b/frontend/src/types/search.ts
@@ -1,24 +1,19 @@
-import { ChapterTypeAlgolia } from 'types/chapter'
-import { EventType } from 'types/event'
-import { OrganizationTypeAlgolia } from 'types/organization'
-import { ProjectTypeAlgolia } from 'types/project'
-import { User } from 'types/user'
+import type { Chapter } from 'types/chapter'
+import type { Event } from 'types/event'
+import type { Organization } from 'types/organization'
+import type { Project } from 'types/project'
+import type { User } from 'types/user'
 
 export interface MultiSearchBarProps {
   isLoaded: boolean
   placeholder: string
   indexes: string[]
   initialValue?: string
-  eventData?: EventType[]
+  eventData?: Event[]
 }
 
-export interface Suggestion {
+export type Suggestion = {
   indexName: string
-  hits:
-    | ChapterTypeAlgolia[]
-    | EventType[]
-    | OrganizationTypeAlgolia[]
-    | ProjectTypeAlgolia[]
-    | User[]
+  hits: Chapter[] | Event[] | Organization[] | Project[] | User[]
   totalPages: number
 }
diff --git a/frontend/src/types/section.ts b/frontend/src/types/section.ts
index 072a7c6339..f744784b55 100644
--- a/frontend/src/types/section.ts
+++ b/frontend/src/types/section.ts
@@ -1,6 +1,6 @@
-import { Link } from 'types/link'
+import type { Link } from 'types/link'
 
-export interface Section {
-  title: string
+export type Section = {
   links: Link[]
+  title: string
 }
diff --git a/frontend/src/types/skeleton.ts b/frontend/src/types/skeleton.ts
index f9e0559629..a4b0a98a88 100644
--- a/frontend/src/types/skeleton.ts
+++ b/frontend/src/types/skeleton.ts
@@ -1,16 +1,16 @@
-export interface CardSkeletonProps {
-  showLevel?: boolean
+export type CardSkeletonProps = {
+  numIcons?: number
+  showActionButton?: boolean
+  showContributors?: boolean
   showIcons?: boolean
-  showProjectName?: boolean
-  showSummary?: boolean
+  showLevel?: boolean
   showLink?: boolean
-  showContributors?: boolean
+  showProjectName?: boolean
   showSocial?: boolean
-  showActionButton?: boolean
-  numIcons?: number
+  showSummary?: boolean
 }
 
-export interface UserCardSkeletonProps {
+export type UserCardSkeletonProps = {
   showAvatar?: boolean
   showName?: boolean
   showViewProfile?: boolean
diff --git a/frontend/src/types/snapshot.ts b/frontend/src/types/snapshot.ts
index 8ba77ec100..ddace62bb6 100644
--- a/frontend/src/types/snapshot.ts
+++ b/frontend/src/types/snapshot.ts
@@ -1,24 +1,18 @@
-import { ChapterTypeGraphQL } from 'types/chapter'
-import { ProjectTypeGraphql } from 'types/project'
+import type { Chapter } from 'types/chapter'
+import type { Project } from 'types/project'
+import type { Release } from 'types/release'
 
-export interface ReleaseType {
-  name: string
-  publishedAt: string
-  tagName: string
-  projectName: string
-}
-
-export interface SnapshotDetailsProps {
+export type SnapshotDetails = {
   endAt: string
   key: string
   startAt: string
   title: string
-  newReleases: ReleaseType[]
-  newProjects: ProjectTypeGraphql[]
-  newChapters: ChapterTypeGraphQL[]
+  newReleases: Release[]
+  newProjects: Project[]
+  newChapters: Chapter[]
 }
 
-export interface Snapshots {
+export type Snapshot = {
   endAt: string
   key: string
   startAt: string
diff --git a/frontend/src/types/sortBy.ts b/frontend/src/types/sortBy.ts
index a235c90c74..b826d5bcf9 100644
--- a/frontend/src/types/sortBy.ts
+++ b/frontend/src/types/sortBy.ts
@@ -1,4 +1,4 @@
-export interface SortByProps {
+export type SortByProps = {
   sortOptions: { key: string; label: string }[]
   selectedSortOption: string
   selectedOrder: string
diff --git a/frontend/src/types/user.ts b/frontend/src/types/user.ts
index 5b90198253..976d1ab113 100644
--- a/frontend/src/types/user.ts
+++ b/frontend/src/types/user.ts
@@ -1,103 +1,32 @@
-import { RepositoryCardProps } from 'types/project'
-
-export type user = {
-  avatar_url: string
-  bio: string
-  company: string
-  contributions_count: number
-  created_at: number
-  email: string
-  followers_count: number
-  following_count: number
-  key: string
-  location: string
-  login: string
-  name: string
-  objectID: string
-  public_repositories_count: number
-}
+import type { Issue } from 'types/issue'
+import type { RepositoryCardProps } from 'types/project'
+import type { Release } from 'types/release'
 
 export type RepositoryDetails = {
   key: string
   ownerKey: string
 }
 
-export type Issue = {
-  createdAt: number
-  number: number
-  repository: RepositoryDetails
-  title: string
-  url: string
-}
-
-export type Release = {
-  isPreRelease: boolean
-  name: string
-  publishedAt: number
-  repository: RepositoryDetails
-  tagName: string
-  url: string
-}
-
-export type User = {
-  avatar_url: string
-  bio?: string | null
-  company?: string | null
-  created_at: number
-  email?: string | null
-  followers_count: number
-  following_count: number
-  issues?: Issue[]
-  issues_count?: number
-  key: string
-  location?: string | null
-  login: string
-  name?: string | null
-  public_repositories_count: number
-  releases?: Release[]
-  releases_count?: number
-  url: string
-  contributions_count: number
-}
-
-export interface UserDetailsProps {
+export type User<T = number> = {
+  createdAt: T
   avatarUrl: string
-  bio: string | null
-  company: string | null
-  createdAt: string
-  email: string | null
   followersCount: number
   followingCount: number
   issues?: Issue[]
-  issuesCount: number
-  location: string | null
+  key: string
   login: string
-  name: string | null
   publicRepositoriesCount: number
   releases?: Release[]
-  releasesCount: number
-  topRepositories: RepositoryCardProps[]
   url: string
   contributionsCount: number
+  issuesCount?: number
+  releasesCount?: number
+  location?: string
+  company?: string
+  bio?: string
+  email?: string
+  name?: string
+  topRepositories?: RepositoryCardProps[]
 }
 
-export interface PullRequestsType {
-  createdAt: string
-  organizationName: string
-  repositoryName?: string
-  title: string
-  url: string
-}
-
-export interface ItemCardPullRequests {
-  createdAt: string
-  title: string
-  author: {
-    login: string
-    avatarUrl: string
-    key: string
-    name: string
-  }
-  organizationName: string
-  url: string
-}
+export type UserDetails = User<string>
diff --git a/frontend/src/utils/constants.ts b/frontend/src/utils/constants.ts
index 192c1415e9..9706a84909 100644
--- a/frontend/src/utils/constants.ts
+++ b/frontend/src/utils/constants.ts
@@ -1,6 +1,6 @@
 import { faGithub, faSlack, faBluesky, faLinkedin } from '@fortawesome/free-brands-svg-icons'
-import { Link } from 'types/link'
-import { Section } from 'types/section'
+import type { Link } from 'types/link'
+import type { Section } from 'types/section'
 
 export const headerLinks: Link[] = [
   {
diff --git a/frontend/src/utils/logger.ts b/frontend/src/utils/logger.ts
deleted file mode 100644
index f44da8ede2..0000000000
--- a/frontend/src/utils/logger.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-// import { ENVIRONMENT } from 'utils/credentials'
-// import { logCriticalMessage, logException } from 'utils/helpers/sentry.config'
-
-// export const logger = {
-//   log: (...args: unknown[]) => {
-//     const message = args
-//       .map((arg) => (typeof arg === 'string' ? arg : JSON.stringify(arg)))
-//       .join(' ')
-//     console.log(message)
-//   },
-
-//   error: (...args: unknown[]) => {
-//     if (ENVIRONMENT === 'development' || ENVIRONMENT === 'local') {
-//       console.error(...args)
-//     } else {
-//       args.forEach((arg) => {
-//         if (arg instanceof Error) {
-//           logException(arg)
-//         } else {
-//           const message = typeof arg === 'string' ? arg : JSON.stringify(arg)
-//           logCriticalMessage(message)
-//         }
-//       })
-//     }
-//   },
-// }
-
-// export default logger
diff --git a/frontend/src/utils/utility.ts b/frontend/src/utils/utility.ts
index d0648da437..bafd9a2f48 100644
--- a/frontend/src/utils/utility.ts
+++ b/frontend/src/utils/utility.ts
@@ -3,12 +3,12 @@ import dayjs from 'dayjs'
 import relativeTime from 'dayjs/plugin/relativeTime'
 import { twMerge } from 'tailwind-merge'
 import { fetchCsrfToken } from 'server/fetchCsrfToken'
-import { ChapterTypeGraphQL } from 'types/chapter'
 
-import { CommitteeTypeAlgolia } from 'types/committee'
-import { IconType } from 'types/icon'
-import { IssueType } from 'types/issue'
-import { ProjectTypeAlgolia, ProjectTypeGraphql } from 'types/project'
+import type { Chapter } from 'types/chapter'
+import type { Committee } from 'types/committee'
+import type { Icon } from 'types/icon'
+import type { Issue } from 'types/issue'
+import type { Project } from 'types/project'
 import { IconKeys, Icons, urlMappings } from 'utils/data'
 
 dayjs.extend(relativeTime)
@@ -17,33 +17,15 @@ export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs))
 }
 
-type projectType = ProjectTypeAlgolia | IssueType | CommitteeTypeAlgolia
+type projectType = Project | Issue | Committee | Chapter
 
-export const getFilteredIcons = (project: projectType, params: string[]): IconType => {
-  const filteredIcons = params.reduce((acc: IconType, key) => {
-    if (Icons[key as IconKeys] && project[key as keyof typeof project] !== undefined) {
-      if (key === 'created_at') {
-        acc[key] = dayjs.unix(project[key as keyof projectType] as number).fromNow()
-      } else {
-        acc[key] = project[key as keyof typeof project] as number
-      }
-    }
-    return acc
-  }, {})
-
-  return filteredIcons
-}
-
-export const getFilteredIconsGraphql = (
-  project: ProjectTypeGraphql | ChapterTypeGraphQL,
-  params: string[]
-): IconType => {
-  const filteredIcons = params.reduce((acc: IconType, key) => {
+export const getFilteredIcons = (project: projectType, params: string[]): Icon => {
+  const filteredIcons = params.reduce((acc: Icon, key) => {
     if (Icons[key as IconKeys] && project[key as keyof typeof project] !== undefined) {
       if (key === 'createdAt') {
-        acc[key] = dayjs.unix(project[key as keyof projectType] as number).fromNow()
+        acc[key] = dayjs.unix(project[key as keyof projectType] as unknown as number).fromNow()
       } else {
-        acc[key] = project[key as keyof typeof project] as number
+        acc[key] = project[key as keyof typeof project] as unknown as number
       }
     }
     return acc