Echosphere is a modern property management solution that connects residents, property owners, and maintenance staff through an AI-powered, voice-enabled platform. It simplifies community living by streamlining issue reporting, service requests, and management workflows.
Echoshpere-Demo.mp4
- Frontend: React 19 + TypeScript + Vite + Tailwind CSS
- UI Components: Radix UI + shadcn/ui + Lucide Icons + Heroicons
- State Management: Zustand
- Animations & Styling: Framer Motion + Tailwind Merge + tw-animate-css
- 3D/Graphics: Spline (
@splinetool/react-spline,@splinetool/runtime) + tsparticles - Routing & Themes: React Router DOM + Next Themes
- Backend Framework: Express 5 + TypeScript
- Database & ORM: PostgreSQL + Prisma ORM
- Authentication & Security: JWT
- Cloud & Media: Cloudinary + Multer
- AI / NLP: Google GenAI SDK (
@google/genai) - Messaging & QR: WhatsApp Web.js + qrcode
- Residents → Report issues, request services, view events
- Property Owners → Manage properties, approve requests, oversee staff
- Technicians → Handle assigned tasks, update status, communicate
- Types: Plumbing, Electrical, HVAC, Security, Internet, Appliances, Structural, Pest Control
- Priorities: P1 (Critical) → P4 (Low)
- Workflow: Pending → Assigned → In Progress → Resolved
- Attachments: Multiple image uploads for documentation
- Services: Cleaning, Repair, Maintenance, Installation, Inspection
- Workflow: Pending → Awaiting Approval → Approved → Assigned → In Progress → Completed
- Approval: Owner approval required before assignment
- Voice Assistant: AI-powered conversational interface
- Commands: Raise issues, check status, request services
- NLP: Converts speech into structured, actionable requests
cd client
npm install
npm run devcd server
npm install
npm run devcd server
npx prisma generate
npx prisma db push