🏢 Property Recommender

Smart AI-Powered Commercial Property Discovery Platform for Delhi

A modern, intelligent web application that revolutionizes commercial property search in Delhi by providing AI-powered recommendations, zoning compliance verification, and business suitability analysis.

✨ Features

🎯 Smart Property Matching

• AI-Powered Search: Intelligent property recommendations based on business type and requirements
• Zone Compliance: Real-time verification of zoning laws and business permits
• Business Suitability: Automated analysis of property suitability for specific business types

🗺️ Comprehensive Property Data

• 12+ Property Listings: Curated commercial properties across Delhi's prime locations
• Detailed Compliance Scores: Each property rated for legal compliance (65-95% range)
• Zone Classifications: Commercial, Industrial, and Mixed-use properties
• Location Intelligence: Strategic insights about each area's business potential

💬 Interactive AI Assistant

• Property-Specific Chat: AI assistant for each property with contextual knowledge
• Business Guidance: Instant answers about zoning, compliance, and suitability
• Cost Analysis: Detailed pricing breakdowns and market comparisons

📊 Market Intelligence

• Market Overview Dashboard: Real-time market trends and statistics
• Quick Tools: Rent calculator, market analysis, and alert systems
• Recent Updates: Latest property additions and market changes

🎨 Modern User Experience

• Responsive Design: Optimized for desktop, tablet, and mobile devices
• Glassmorphism UI: Modern design with backdrop blur effects
• Smooth Animations: Enhanced user interactions with hover effects
• Intuitive Navigation: Easy-to-use interface with clear information hierarchy

🚀 Live Demo

View Live Application →

🛠️ Technologies Used

Technology	Version	Purpose
React	18.2.0	Frontend framework
Vite	4.5.14	Build tool and dev server
Tailwind CSS	3.3.0	Utility-first CSS framework
Lucide React	0.263.1	Modern icon library
JavaScript	ES6+	Programming language

📋 Prerequisites

• Node.js: v14.21.3 or higher
• npm: 6.14.18 or higher
• Git: For version control

⚡ Quick Start

1. Clone the Repository

git clone https://github.com/harsshks/Property-Recommender.git
cd Property-Recommender

2. Install Dependencies

npm install

3. Start Development Server

npm run dev

4. Open in Browser

Navigate to http://localhost:5173 to view the application.

📁 Project Structure

property-recommender/
├── 📁 public/                    # Static assets
│   └── vite.svg                  # Vite logo
├── 📁 src/
│   ├── 📁 assets/               # Images and media files
│   │   └── react.svg            # React logo
│   ├── 📁 components/           # Reusable React components
│   │   ├── MarketOverview.jsx   # Market statistics dashboard
│   │   ├── QuickTools.jsx       # Property tools and calculators
│   │   ├── RecentUpdates.jsx    # Latest property updates
│   │   └── footer.jsx           # Application footer
│   ├── 📁 data/                 # Mock data and configurations
│   │   ├── mockproperties.js    # Property listings data
│   │   └── businesszonemapping.js # Business-zone compatibility
│   ├── App.jsx                  # Main application component
│   ├── App.css                  # Component-specific styles
│   ├── index.css                # Global styles and Tailwind imports
│   └── main.jsx                 # Application entry point
├── 📄 index.html                # HTML template
├── 📄 package.json              # Dependencies and scripts
├── 📄 tailwind.config.js        # Tailwind CSS configuration
├── 📄 vite.config.js            # Vite configuration
└── 📄 README.md                 # Project documentation

🎯 Key Components

App.jsx - Main Application

• State management for properties, filters, and UI
• Property filtering logic based on business type and zone
• AI chat functionality with contextual responses
• Navigation between different pages

Property Data - Mock Properties

• 12 curated commercial properties across Delhi
• Locations: Connaught Place, Okhla, Karol Bagh, Khan Market, etc.
• Compliance scores, permitted uses, and violation tracking
• Real property images and detailed descriptions

Business Zone Mapping

• Restaurant/Café: Commercial and Mixed zones
• Manufacturing: Industrial zones only
• Office: Commercial and Mixed zones
• Retail: Commercial zones with high footfall

🔧 Available Scripts

Command	Description
npm run dev	Start development server with hot reload
npm run build	Build optimized production bundle
npm run preview	Preview production build locally
npm run lint	Run ESLint for code quality

🌟 Key Features Breakdown

Smart Search & Filtering

• Business Type Filter: Restaurant, Café, Office, Manufacturing, etc.
• Zone Filter: Commercial, Industrial, Mixed-use
• Location Search: Search by area name or property title
• Real-time Results: Instant filtering with result count

AI Property Assistant

• Contextual Responses: AI understands each property's specific details
• Business Suitability: Instant analysis for restaurant, office, manufacturing needs
• Compliance Information: Detailed compliance reports and violation status
• Pricing Analysis: Cost breakdowns and per-sq-ft calculations

Property Information

• Compliance Scoring: 65-95% compliance ratings with color-coded indicators
• Permitted Uses: Clear listing of allowed business activities
• Amenities: Parking, security, power backup, transport access
• Violation Tracking: Transparent reporting of any compliance issues

🎨 Design Features

• Glassmorphism Effects: Modern backdrop blur and transparency
• Responsive Grid: Adaptive layout for all screen sizes
• Hover Animations: Smooth property card interactions
• Color-Coded Status: Green (verified), Yellow (caution), Red (pending)
• Professional Typography: Clear hierarchy and readability

🚀 Deployment

The application is deployed on Vercel with automatic deployments from the main branch.

Deploy Your Own

1. Fork this repository
2. Connect to Vercel
3. Deploy with default settings

🤝 Contributing

We welcome contributions! Here's how you can help:

1. Fork the repository
2. Create a feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Contribution Ideas

• Add more property listings
• Implement real estate APIs
• Add user authentication
• Create property comparison features
• Improve AI responses
• Add map integration

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

👨‍💻 Author

Harsh Kumar

• GitHub: @harsshks
• Project: Property Recommender

🙏 Acknowledgments

• React Team for the amazing framework
• Tailwind CSS for the utility-first approach
• Lucide for beautiful icons
• Vite for lightning-fast development experience
• Vercel for seamless deployment

---

⭐ Star this repository if you found it helpful!

Live Demo • Report Bug • Request Feature