hope this works

components/Organizer/AnalyticsTab/AnalyticsTab.tsx

@@ -0,0 +1,54 @@
+import {Table} from 'antd';
+
+import useSWR from 'swr';
+import {DietaryData, ResponseError} from '../../../types/database';
+import { RequestType, useCustomSWR } from '../../../utils/request-utils';
+import React, { useState, useRef, useEffect } from 'react';
+
+
+export default function Analytics() {
+
+    const { data: dietaryData, error: dietaryError } = useCustomSWR<DietaryData[]>({
+		url: '/api/dietary-restrictions',
+		method: RequestType.GET,
+		errorMessage: 'Failed to get list of dietary data.',
+	});
+    console.log('dietaryData:', dietaryData); // Add this to debug
+
+    const columns = [
+        {
+          title: 'Dietary Restriction',
+          dataIndex: '_id',  // Corresponds to the _id field in the data
+          key: '_id',
+        },
+        {
+          title: 'Count',
+          dataIndex: 'count',  // Corresponds to the count field in the data
+          key: 'count',
+        },
+      ];
+
+    // Format the dietary data to add a unique 'key' for each row
+    const formattedDietaryData = dietaryData
+        ? dietaryData.map((restriction: DietaryData) => ({
+              ...restriction,
+              key: restriction._id ,  // Use _id as key or fallback to index
+
+          }))
+        : undefined;
+
+
+
+
+    return (
+        <>
+            <Table columns = {columns} dataSource={formattedDietaryData} >
+
+            </Table>
+        </>
+    );
+
+
+
+}
+

components/Organizer/OrganizerDash.tsx

@@ -6,6 +6,7 @@ import ManageUsersTab from './ManageUsersTab/ManageUsersTab';
 import PreAddUsersTab from './PreAddUsersTab/PreAddUsersTab';
 import ApplicantsTab from './ApplicantsTab/ApplicantsTab';
 import EventsTab from './EventsTab/EventsTab';
+import AnalyticsTab from './AnalyticsTab/AnalyticsTab';
 import styles from '../../styles/Organizer.module.css';
 import { AccentColor, Theme, ThemeContext, getAccentColor, getThemedClass } from '../../theme/themeProvider';
 import { useContext, useEffect } from 'react';
@@ -100,13 +101,18 @@ export default function OrganizerDash() {
 							children: <EventsTab />,
 						},
 						{
-							label: 'Bug Reports',
+							label: `Analytics`,
 							key: '7',
+							children: <AnalyticsTab />,
+						},
+						{
+							label: 'Bug Reports',
+							key: '8',
 							children: <BugReportsTab />,
 						},
 						{
 							label: `Settings`,
-							key: '8',
+							key: '9',
 							children: <SettingsTab />,
 						},
 					]}

pages/api/dietary-restrictions.ts

@@ -0,0 +1,34 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+import dbConnect from '../../middleware/database';
+import { getSession } from 'next-auth/react';
+import Application from '../../models/application';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
+    const session = await getSession({req});
+
+
+
+    await dbConnect();
+
+    switch (req.method) {
+        case 'GET':
+            const count = await Application.aggregate([
+				{ 
+                    $unwind: "$dietaryRestrictions" 
+                },
+                { 
+                    $group: { 
+                        _id: "$dietaryRestrictions", 
+                        count: { $sum: 1 } 
+                    } 
+                },
+                { 
+                    $sort: { count: -1 } 
+                }
+			]);
+            return res.status(200).send(JSON.stringify(count));
+        default:
+            return res.status(405).send('Method not supported brother');
+    }
+
+}

types/database.ts

@@ -126,6 +126,11 @@ export interface JudgingSessionData {
 	time: String;
 }
 
+export interface DietaryData {
+	_id: mongoose.Schema.Types.ObjectId;
+	count: number;
+}
+
 export interface HackathonSettingsData {
 	_id: mongoose.Schema.Types.ObjectId;
 	HACKATHON_START: string; // MM/DD/YYYY HH:mm A