A comprehensive police management system with integrated cybercrime capabilities, built with Next.js and deployed on Vercel.
- Dashboard: Real-time police operations overview
- Incident Management: Report and track incidents
- Case Management: Investigate and manage cases
- Personnel Management: Officer profiles and assignments
- Evidence Management: Digital evidence tracking
- Criminal Records: Comprehensive criminal database
- Audit Trail: Complete system activity logging
- Real-time Statistics: Live cybercrime data integration
- Secure System Linking: Direct access to standalone cybercrime system
- Webhook Notifications: Urgent cybercrime case alerts
- Consolidated Reporting: Combined police and cybercrime analytics
- Police System Database: Neon PostgreSQL (
policesystemdatabase) - Cybercrime System Database: Separate Neon PostgreSQL (
cybercrimedatabase) - Integration: API-based communication between systems
- Platform: Vercel
- Framework: Next.js 15
- Runtime: Node.js 18
- Package Manager: Bun
- Vercel account
- Neon PostgreSQL database (
policesystem) - Cybercrime system deployed separately
Configure these in your Vercel dashboard:
# Police System Database
POSTGRES_URL=postgresql://neondb_owner:[email protected]/policesystem?sslmode=require
DATABASE_URL=postgresql://neondb_owner:[email protected]/policesystem?sslmode=require
# Cybercrime System Integration
NEXT_PUBLIC_CYBERCRIME_API_URL=https://your-cybercrime-system.vercel.app
NEXT_PUBLIC_CYBERCRIME_SYSTEM_URL=https://your-cybercrime-system.vercel.app
CYBERCRIME_API_KEY=your-production-api-key
CYBERCRIME_WEBHOOK_SECRET=your-production-webhook-secret
# API Authentication
MAIN_SYSTEM_API_KEY=your-production-api-key
MAIN_SYSTEM_WEBHOOK_SECRET=your-production-webhook-secret- Clone the repository
- Install Vercel CLI:
npm i -g vercel - Deploy:
vercel --prod - Configure environment variables in Vercel dashboard
- Redeploy after environment setup
- Git Integration: Auto-deploy on push to main branch
- Preview Deployments: Created for pull requests
- Build Optimization: TypeScript and ESLint errors ignored for demo
- Badge Number: Any number (e.g., "123")
- Password: Any text (e.g., "test")
- Role: Select any role
- Login to police system
- Navigate to dashboard
- Scroll to "Cybercrime Unit Integration" section
- Verify statistics display
- Click "Access Cybercrime System" to open separate system
# Install dependencies
bun install
# Start development server
bun run dev
# Open browser
http://localhost:3000- Create
policesystemdatabase in Neon - Update environment variables
- Run database migrations (if implemented)
png-police-system/
├── src/
│ ├── app/ # Next.js app directory
│ │ ├── dashboard/ # Police dashboard
│ │ ├── incidents/ # Incident management
│ │ ├── cases/ # Case management
│ │ └── api/ # API routes
│ ├── components/ # React components
│ │ ├── dashboard/ # Dashboard components
│ │ ├── layout/ # Layout components
│ │ └── ui/ # UI components (shadcn)
│ └── lib/ # Utilities and services
│ ├── cybercrime-api.ts # Cybercrime integration
│ └── database.ts # Database utilities
├── vercel.json # Vercel configuration
└── next.config.js # Next.js configuration
- API Authentication: Secure API keys for system integration
- Webhook Verification: HMAC signature verification
- Environment Isolation: Separate development and production configs
- Database Security: SSL-required connections to Neon PostgreSQL
The police system integrates with a separate cybercrime system to provide:
- Consolidated Dashboard: Cybercrime statistics in police dashboard
- Secure Access: Direct link to cybercrime system
- Real-time Alerts: Webhook notifications for urgent cases
- Independent Operations: Both systems maintain autonomy
For technical support or deployment issues:
- Check Vercel deployment logs
- Verify environment variables
- Ensure database connectivity
- Review API endpoint configurations
Deployed with ❤️ on Vercel