CrowdCast

CrowdCast is a web application built with Next.js and TypeScript for monitoring and visualizing crowd occupancy data. It was developed as part of the Sony AITRIOS Hackathon to demonstrate how edge AI camera data can be processed and displayed in a responsive dashboard.

Features

• Next.js App Router structure under /app
• Reusable UI components in /components
• React Contexts under /contexts for global state management
• Custom hooks in /hooks for cleaner logic reuse
• Utility functions in /lib
• Static assets in /public
• Scripts in /scripts for setup/automation
• Sentry monitoring for error tracking (sentry.client.config.ts, sentry.server.config.ts, sentry.edge.config.ts)
• Styled with TailwindCSS

Project Structure

CrowdCast/

│── app/ # Next.js pages & routes

│── components/ # Reusable UI components

│── contexts/ # React Context providers

│── data/ # Static or mock data

│── hooks/ # Custom React hooks

│── lib/ # Utility modules

│── public/ # Public assets

│── scripts/ # Setup/automation scripts

│── ...

⚙️ Installation & Setup

Prerequisites

• Node.js 18+
• npm or yarn

Install dependencies

npm install

Run in development

npm run dev

By default, runs at: http://localhost:3000

Build for production

npm run build
npm start

Roadmap

Integrate live crowd occupancy data from AITRIOS

Add visual dashboards (charts, maps)

Extend mobile support

Deploy to Vercel

Team

Developed by Alan Abraham, Noah Philip, Pranav Krishnan, Jason George, & Evan Thekkel

License

MIT