CAMcogni.tech is a sophisticated real-time dashboard for monitoring and optimizing construction site efficiency. It transforms static worksite blueprints into dynamic, interactive visualizations by integrating data from multiple sources including video feeds, CSV data, and IoT sensors.

• Real-time heat map visualization of site activity
• Zone-based monitoring and analytics
• Dynamic worker density tracking
• Equipment location monitoring

• Real-time efficiency metrics
• Resource utilization tracking
• Performance trend analysis
• Custom metric calculations

• Real-time equipment status monitoring
• Maintenance scheduling and tracking
• Utilization analytics
• Location tracking

• Efficiency forecasting
• Resource optimization suggestions
• Bottleneck prediction
• Weather impact analysis

• Video feed analysis
• CSV data processing
• Real-time metric calculations
• Automated alert system

• Frontend: React 18
• Styling: Tailwind CSS
• Charts: Recharts
• Icons: Lucide React
• UI Components: shadcn/ui
• Data Processing: Papaparse, Lodash

node >= 16.0.0
npm >= 8.0.0

1. Clone the repository

git clone https://github.com/yourusername/CAMcogni-tech.git
cd CAMcogni-tech

2. Install dependencies

npm install

3. Start the development server

npm run dev

src/
  ├── components/
  │   ├── blueprint/      # Blueprint view components
  │   ├── analytics/      # Analytics components
  │   ├── equipment/      # Equipment management
  │   ├── predictions/    # Predictive analytics
  │   ├── upload/         # File upload components
  │   └── shared/         # Shared components
  ├── hooks/              # Custom React hooks
  ├── utils/              # Utility functions
  ├── context/            # React context providers
  └── routes/             # Application routing

• Supported formats: MP4, WebM
• Maximum file size: 100MB
• Recommended resolution: 720p or higher

Required columns:

• timestamp
• efficiency
• utilization
• completion

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

• Use functional components with hooks
• Follow React best practices
• Implement proper error handling
• Write meaningful component documentation
• Use TypeScript for type safety

• Components: PascalCase
• Functions: camelCase
• Files: PascalCase for components, camelCase for utilities
• CSS classes: kebab-case

# Run tests
npm run test

# Run tests with coverage
npm run test:coverage

1. Build the project

npm run build

2. Preview the build

npm run preview

This project is licensed under the MIT License - see the LICENSE.md file for details

• React team for the excellent framework
• Tailwind CSS for the utility-first CSS framework
• shadcn/ui for the beautiful UI components
• All contributors who have helped shape this project

For support, email support@CAMcogni.tech or join our Slack channel.

• Mobile application integration
• AI-powered resource optimization
• 3D visualization support
• Real-time collaboration features
• Advanced reporting system

Built with ❤️ by the CAMcogni.tech team