diff --git a/frontend/src/components/DataCard/DataCard.tsx b/frontend/src/components/DataCard/DataCard.tsx
index 7f2451d..cb611df 100644
--- a/frontend/src/components/DataCard/DataCard.tsx
+++ b/frontend/src/components/DataCard/DataCard.tsx
@@ -1,6 +1,5 @@
 'use client';
 import React, { useEffect, useState } from 'react';
-
 import { FaCity, FaGithub, FaUsers } from 'react-icons/fa';
 import { useInView } from 'react-intersection-observer';
 import { url, requestOptions } from './apiDataCard';
@@ -18,6 +17,7 @@ export const DataCard = () => {
   const [dataCount, setDataCount] = useState({stargazers_count: Number, subscribers_count: Number, contributors_count: Number});
   const [loading, setLoading] = useState(true);
   useEffect(() => {
+    //Set up use effect so API runs on component load and stops once loading is set to false.
     async function fetchDataCount(url1: string, url2: string, options: object): Promise<any> {
       try {
         if (url1 && url2) {
diff --git a/frontend/src/components/DataCard/apiDataCard.ts b/frontend/src/components/DataCard/apiDataCard.ts
index 0ae36a5..bbac23a 100644
--- a/frontend/src/components/DataCard/apiDataCard.ts
+++ b/frontend/src/components/DataCard/apiDataCard.ts
@@ -1,4 +1,4 @@
-
+//API URL and Headers exported for DataCard.tsx
 export const requestOptions = {
     options: {method: "GET", headers: {'X-GitHub-Api-Version': '2022-11-28'}},
 };