Comprehensive administrative dashboard for overseeing the BuildEstate real estate ecosystem.
- Dashboard Analytics — Real-time performance chart tracking utilizing
Chart.jsfor properties, systemic users, and overall lifecycle interactions. - Property Management — Complete administrative catalog adjustments including add, update, and deletion protocols integrated securely.
- Appointment Management — High-level lifecycle overview for pending engagements; deploy approvals, cancellations, or digitally bridge meeting structures.
- User Overview — Transparent readout of authenticated entities traversing the platform.
- Multiplex Image Upload — High-speed transmission of up to 4 high-res representations per standard property passing to ImageKit globally.
| Domain | Technology Implementation |
|---|---|
| Framework Ecosystem | React 18 + Vite 6 |
| User Interface Composition | Tailwind CSS v3 |
| Statistical Visualization | Chart.js |
| Vector Elements | Lucide React |
| Notification Operations | Sonner |
| Network Requests | Axios |
1. Environment Initialization
cd admin
npm install
cp .env.example .env.local2. Defining Network Mapping
Update admin/.env.local to point explicitly toward your operational backend URI:
VITE_BACKEND_URL=http://localhost:4000| Panel View | Routing Interface | Core Purpose |
|---|---|---|
| Auth Gate | / |
Highly structured administrative login protocol |
| Command Center | /dashboard |
Systemic overviews powered dynamically by interaction counters |
| Enlist Catalog | /add |
Injection module initializing distinct properties/assets |
| Management Hub | /list |
Aggregation matrix handling mass adjustments and evaluations |
| Modulator | /update/:id |
Precision granular manipulation of singular assets |
| Engagement Calendar | /appointments |
Lifecycle oversight for external viewing and communication |
Explore the Working Tree
admin/src/
├── components/ # Layout elements handling the login modal and central navigation matrices
├── config/ # Operational constants aligning structural expectations across the backend bridge
├── contexts/ # Secure state preservation validating Admin identities
├── pages/
│ ├── Dashboard.jsx
│ ├── Add.jsx
│ ├── List.jsx
│ ├── Update.jsx
│ └── Appointments.jsx
└── App.jsx # Architectural index orchestrating the DOM routing layer
Render Static Deployments:
- Stage finalized logic to the master repository line.
- Initialize Static Site Service on Render mapping root architecture.
- Validate Root Directory specifically inside
admin. - Trigger build via:
npm install && npm run build. - Define distribution as
distrouting payload. - Verify deployment by linking
VITE_BACKEND_URLstrictly to operational Express servers.
Currently resolving at: https://real-estate-website-admin.onrender.com
Associated Applications
Frontend README • Backend README • Root Interface
Maintained by Aayush Vaghela