Create a dynamic web app to oversee the house-building project for Wayanad landslide victims. Each eligible beneficiary from a provided list is assigned one house, with construction handled either by the government or by NGOs and charitable organizations. The app should monitor the progress of each house, including details of who built it, and feature a dashboard highlighting overall progress. The design should be clean, simple, and predominantly white. What are the ideal technologies, estimated costs, and necessary steps for completing the project?[ROLE]You are a senior full‑stack engineer specializing in dashboard applications with React (or Next.js) front‑end, Django REST back‑end, and PostgreSQL database.[PROJECT]Track house‑building progress for Wayanad landslide victims. Each house is tied to one eligible person. Some houses are built by government, others by NGOs/charities. The system needs an internal inspector UI and a public progress dashboard.[INPUT DATA]Eligible persons table (id, name, family_id, contact, land_address, optional lat/lng etc..)House record: person_id → builder (govt / NGO / charity and project cost, how much spend until this point etc.)Progress log entries: date, stage (foundation/walls/roof/finishing/painting/complete), photo URL (or upload), notes, inspector name or ID, optional GPS location[FEATURES - ITERATED IN PHASES]Phase 1 – Data Model & API• Models: EligiblePerson, House, BuilderEntity, ProgressEntry • REST endpoints for CRUD on all entities • API secured by JWT or session auth • API supports bulk CSV import of eligible persons list Phase 2 – Internal Dashboard• Login by inspector/user role for each builder • CRUD UI in React: add/edit house records per person • Form to add progress log entry with photo upload Phase 3 – Public Dashboard• Dashboard page summarizing counts by house stage and builder • Filter by stage, builder type, vaulted count Optional: KML/map view with OpenStreetMap and Leaflet Phase 4 – Export & Deployment• Data export in CSV/XLS• Webhooks or API endpoints for mobile/field data entry• Deployment scripts: domain name (e.g. wayanad‑tracker.in), SSL, server setup[UI CONSTRAINTS]• Entire site minimal, white background, no heavy colours • One accent colour only (use Kerala green) for stage/completion highlights • Fonts: Roboto or Inter; avoid bulky images or unnecessary icons[TECH STACK]Frontend: React (preferably Create React App or Next.js) and Material‑UI Backend: Python 3.x, Django 4.x, Django REST Framework 3.something Database: PostgreSQL (for future geo queries) File storage: Local static or AWS S3 Hosting: India‑region AWS, DigitalOcean or GCP; domain hosting[SECURITY & PRIVACY RULES]• No storing Aadhaar or sensitive PI • Store only name, contact, photo URL, location • Public dashboard must hide personal names and photos • Enable activity audit logs for every progress entry update[INTERACTION RULES]When answering, first provide:1. Your understanding of the project (brief summary)2. A phased project plan (with milestones)3. A directory/file structure outline 4. One model + serializer + API view code example 5. One React form component code example 6. A few MVC UI wireframe ideas in text Stop after that. Await my confirmation before you generate the next phase (e.g. internal dashboard pages, public dashboard, deployment scripts).[OUTPUT FORMAT]Use comments to explain logic in code. Use well‑named variables (no “tmp1”) and keep file size <200 lines per file. Do not generate all code at once—phase by phase only.
This is a humanitarian tracking system for house construction in Wayanad landslide-affected areas. The system manages:
wayanad-tracker/
├── backend/
│ ├── wayanad_tracker/
│ │ ├── settings/
│ │ ├── urls.py
│ │ └── wsgi.py
│ ├── apps/
│ │ ├── beneficiaries/
│ │ ├── houses/
│ │ ├── builders/
│ │ ├── progress/
│ │ └── authentication/
│ ├── media/
│ ├── static/
│ ├── requirements.txt
│ └── manage.py
├── frontend/
│ ├── src/
│ │ ├── components/
│ │ ├── pages/
│ │ ├── services/
│ │ ├── utils/
│ │ └── App.js
│ ├── public/
│ └── package.json
└── deployment/
├── docker-compose.yml
├── nginx.conf
└── deploy.sh
┌─────────────────────────────────────────────────────────┐
│ [Logo] Wayanad House Tracker - Inspector Portal │
│ [Profile] [Logout] │
├─────────────────────────────────────────────────────────┤
│ [Search: Name/Family ID...] [Filter: Stage▼] [+Add] │
├─────────────────────────────────────────────────────────┤
│ Houses Overview │
│ ┌─────────┬─────────┬─────────┬─────────┬─────────┐ │
│ │Assigned │Foundation│ Walls │ Roof │Complete │ │
│ │ 45 │ 23 │ 18 │ 12 │ 8 │ │
│ │ ████ │ ████ │ ████ │ ████ │ ████ │ │
│ └─────────┴─────────┴─────────┴─────────┴─────────┘ │
├─────────────────────────────────────────────────────────┤
│ Recent Houses │
│ ┌─────────────────────────────────────────────────────┐ │
│ │ Rajesh Kumar (FAM001) | Foundation | Govt | 65% │ │
│ │ [View] [Edit] [Add Progress] │ │
│ ├─────────────────────────────────────────────────────┤ │
│ │ Priya Nair (FAM002) | Walls | NGO ABC | 40% │ │
│ │ [View] [Edit] [Add Progress] │ │
│ └─────────────────────────────────────────────────────┘ │
└─────────────────────────────────────────────────────────┘
┌─────────────────────────────────────────────────────────┐
│ Wayanad Reconstruction Progress - Public View │
├─────────────────────────────────────────────────────────┤
│ Overall Progress │
│ ┌─────────────────────────────────────────────────────┐ │
│ │ Total Houses: 106 | Completed: 8 | In Progress: 53 │ │
│ │ ████████████████████████████████████████████ 61% │ │
│ └─────────────────────────────────────────────────────┘ │
├─────────────────────────────────────────────────────────┤
│ Construction Stages │
│ ┌─────────┬─────────┬─────────┬─────────┬─────────┐ │
│ │Foundation│ Walls │ Roof │Finishing│Complete │ │
│ │ 23 │ 18 │ 12 │ 6 │ 8 │ │
│ │ ████████ │ ██████ │ ████ │ ██ │ ███ │ │
│ └─────────┴─────────┴─────────┴─────────┴─────────┘ │
├─────────────────────────────────────────────────────────┤
│ Builder Performance │
│ ┌─────────────────────────────────────────────────────┐ │
│ │ Government: 45 houses | 67% avg completion │ │
│ │ NGO Partners: 38 houses | 58% avg completion │ │
│ │ Charitable Orgs: 23 houses | 52% avg completion │ │
│ └─────────────────────────────────────────────────────┘ │
├─────────────────────────────────────────────────────────┤
│ [Optional: Map View] [Export Report] [Last Updated] │
└─────────────────────────────────────────────────────────┘
┌─────────────────────────────────────────────────────────┐
│ Update Progress - House for Family FAM001 │
├─────────────────────────────────────────────────────────┤
│ Current Progress: Foundation Work (15%) │
│ ████████████████████████████████████████████ 15% │
├─────────────────────────────────────────────────────────┤
│ Construction Stage: [Foundation Work ▼] │
│ Estimated Cost: [₹ 500,000] Amount Spent: [₹ 75,000] │
│ Start Date: [01/12/2024] Expected End: [01/06/2025] │
├─────────────────────────────────────────────────────────┤
│ Progress Notes: │
│ ┌─────────────────────────────────────────────────────┐ │
│ │ Foundation work completed. Concrete curing in │ │
│ │ progress. Weather conditions favorable. │ │
│ └─────────────────────────────────────────────────────┘ │
├─────────────────────────────────────────────────────────┤
│ Upload Photo: [Choose File] [Upload] │
│ Inspector: [John Doe] Date: [15/12/2024] │
├─────────────────────────────────────────────────────────┤
│ [Cancel] [Save Progress] │
└─────────────────────────────────────────────────────────┘
Ready for Phase 1 implementation?
This foundation provides:
Please confirm if you'd like me to proceed with Phase 2: Internal Dashboard implementation, or if you need any modifications to the current foundation.
Building upon our Phase 1 foundation, I'll now implement the internal inspector dashboard with authentication, progress tracking, and CRUD interfaces.
✅ Completed Features:
Authentication System
Progress Tracking
Internal Dashboard
Inspector Interface
🔧 Technical Implementation:
🛡️ Security & Privacy:
Ready for Phase 3: Public Dashboard?
The next phase will implement: