SenseIQ

SenseIQ, warehouse Safety Enhancer, is an advanced real-time monitoring and visualization system designed to improve safety and operational efficiency in warehouse environments. The project leverages cutting-edge technologies to provide comprehensive insights and interactive 3D modeling capabilities.

Architecture

This modern architecture integrates IoT data collection with real-time 3D visualization for building management. At its core, MQTT enables seamless device communication, while Telegraf collects and forwards sensor data to InfluxDB for time-series storage. The Node.js backend processes this data and maintains WebSocket connections for real-time updates to the Next.js frontend, where users interact with 3D BIM models and visualize live sensor data.

Data Pipeline

• MQTT Server: Central message broker
• Telegraf: Data collection and transmission agent
• InfluxDB: Time-series database for real-time data storage
• Supabase: Authentication and User data storage

Backend

• Node.js powered server
• Handles data processing and WebSocket communication
• Interfaces with multiple data sources

Frontend

• Next.js React application
• Real-time data visualization
• 3D BIM model interaction

Cloud Infrastructure & DevOps

• Azure, AWS (in progress)
• GitHub Actions
• Docker, Kubernetes (in progress)
• Terraform (in progress)
• GitOps, ArgoCD (in progress)
• Ansible, Grafana (in progress)

SenseIQ features

Tech Stack

Frameworks

• Next.js – React framework for building performant apps
• Auth.js – Handle user authentication with ease
• Prisma – TypeScript-first ORM for Node.js
• React Email – Versatile email framework

Platforms

• Docker – Containerization and deployment
• Resend – Email framework for streamlined development
• Supabase – Backend as a service with authentication

UI

• Tailwind CSS – Utility-first CSS framework
• Recharts – Graph and Chart Component for React
• Shadcn/ui – Re-usable components built using Radix UI
• Framer Motion – Motion library for React animations
• Lucide – Beautifully simple, pixel-perfect icons

Code Quality

• TypeScript – Static type checker for end-to-end type safety
• Prettier – Opinionated code formatter
• ESLint – Pluggable linter for Next.js and TypeScript

Installation

Clone this repository locally:

git clone "https://github.com/yethuhlaing/warehouse-safety-enhancer.git"

Steps

1. Install dependencies for frontend & backend:

cd frontend
npm install
 
cd backend
npm install

2. Copy .env.example to .env and update the variables:

cd frontend
cp .env.example .env
 
cd backend
cp .env.example .env

3. Start the development server:

cd frontend
npm run dev
 
cd backend
npm run start

4. Seed the sensor data:

cd backend
npm run seed