| Name | Phone | Source Page | Date | Status |
|---|
| # | Category Name | Slug | Projects | Actions |
|---|
| Property | Sector / Location | Price | BHK / Type | Status | Flags | HRERA | Actions |
|---|
The property is now live on the website.
ADD NEW PROPERTY
Fill all points carefully
Optional: upload a floor plan layout image for each unit type — it will appear on the matching card in this section on the website.
Click or drag to upload main image
JPG, PNG, WEBP · Recommended 1200×800px
Choose File Site map / master plan image
Choose Files Select multiple images
Hold Ctrl/Cmd to select multiple files
Google Preview
Page Title
https://propvistarealty.com/property-slug
Meta description appears here…
Property will be live on website immediately after publishing.
✅ Checklist
These projects show in the "COMING SOON.." section on the main website
Users can click on them to fill an enquiry form. Changes sync to the live website immediately.
Each project can have its own brochure PDF
Upload or remove a PDF per project below. A project only shows the "Download Brochure" button on the live website once a PDF is uploaded here. Recommended PDF size: under 8 MB.
| # | Project | Developer | Location | Brochure | Action |
|---|
| # | Name | Phone | Source Page | Project Interest | Budget | Date | Status | Action |
|---|
| # | Job Title | Department | Type | Location | Posted | Applications | Status | Actions |
|---|
| # | Applicant | Phone | Applied For | Experience | Date | Status | Action |
|---|
Google Preview
Page Title
https://www.propvistarealty.com/
Your meta description appears here…
✅ Both files are already connected via localStorage
When you publish/edit/delete a property in the Admin Dashboard, it instantly writes to the browser's localStorage. The main website reads the same localStorage keys and reflects all changes immediately when the page is refreshed.
📋 Admin writes these keys:
${k}`).join('')}
🌐 Website reads these keys:
The main website (propvista-realty.html) reads from the same localStorage on every page load. Open both files in the same browser for changes to sync.
/var/www/html/
├── index.html ← rename propvista-realty.html
└── admin/index.html ← rename propvista-admin.html
`
},
{
num:'02', color:'#22a85a', title:'Point your domain to the server',
body:`In your domain registrar (GoDaddy/Namecheap), set A Record to your DigitalOcean server IP.In Plesk → Domains → Add Domain → enter your domain.
SSL: In Plesk → SSL/TLS Certificates → Install Let's Encrypt (free HTTPS).` }, { num:'03', color:'#1a2340', title:'Access admin panel', body:`Visit yourdomain.com/admin to open the admin dashboard.
Log in using the default username/password your developer shared with you separately (not shown on screen for security).
Change the password immediately in Site Settings → Change Password — never keep using the default credentials.` }, { num:'04', color:'#7c3aed', title:'Protect admin folder (optional but recommended)', body:`In Plesk → Protected Directories → protect
/admin with a username & password for extra security.Or add
.htpasswd protection via Apache for basic auth before the admin login page loads.`
},
].map(s=>`
${s.title}
${s.body}
The current setup uses localStorage which works per-browser. For a real production site where any team member can update the site from any device, connect to a backend database:
Option A — PHP + MySQL (Easiest on Plesk)
- Replace
save()calls withfetch('/api/save.php') - Create
save.phpon server to write to MySQL - Website reads from DB via
load.phpAPI
Option B — Firebase (No server needed)
- Create free Firebase project at console.firebase.google.com
- Replace
localStoragewith Firebase Realtime DB - Free for small sites (50K reads/day)
Current setup works perfectly when admin and website are open in the same browser (your computer / your client's computer). All 62 projects sync instantly. For multi-device use, upgrade to Firebase or PHP backend.
${label}
${cmd}