A sophisticated real estate platform built with cutting-edge technologies, designed to revolutionize property discovery, analysis, and management.

EstateHub transforms the real estate experience by combining powerful features with an intuitive interface:

• Data-Driven Decisions: Real-time market analytics powered by FRED API for informed property investments
• Seamless Experience: Modern React architecture with Next.js 15 for lightning-fast performance
• User-Centric Design: Responsive, accessible interface that works beautifully across all devices
• Comprehensive Solution: All-in-one platform for searching, comparing, analyzing, and managing properties
• Secure Authentication: Firebase-powered authentication system with multiple sign-in options
• Location Intelligence: Google Maps integration for spatial property analysis

• Home Buyers: Find your dream home with advanced filters and detailed property information
• Property Investors: Analyze market trends with real economic data to make profitable decisions
• Real Estate Agents: Showcase properties with professional listings and detailed information
• Market Analysts: Track housing market indicators with interactive visualization tools

• Multi-provider Authentication via Firebase (Email/Password, Google)
• Personalized Dashboard with saved searches and favorites
• User Profile Management with custom preferences
• Secure Session Handling with persistent login

• Economic Indicator Integration through FRED API:
  • Case-Shiller Home Price Index
  • Mortgage Rate Tracking
  • Housing Market Activity Metrics
• Interactive Data Visualization using Recharts and Chart.js
• Historical Trend Analysis with customizable time ranges
• Multi-regional Comparisons with currency localization

• Advanced Property Search Engine with multi-parameter filtering
• Comprehensive Property Listings with high-quality imagery
• Property Submission System with detailed attribute support
• Favorites & Comparison Tools for evaluating options
• Location-aware Filtering with hierarchical area selection

• Interactive Mapping with Google Maps API integration
• Property Geolocation with custom markers
• Area-based Search capabilities
• Proximity Analysis for amenities and services

• Responsive Design System using Tailwind CSS
• Component-based Architecture for consistent experience
• Intuitive Navigation with breadcrumbs and context-aware menus
• Accessibility Compliance for inclusive user experience
• Guided Onboarding with interactive tours

• React 19: Latest React version with improved performance
• Next.js 15: React framework with server-side rendering and routing
• TypeScript: Strongly-typed JavaScript for robust code
• Tailwind CSS 4: Utility-first CSS framework for responsive design
• Chart.js & Recharts: Data visualization libraries

• Firebase: Authentication, real-time database, and storage
• Supabase: PostgreSQL database with real-time capabilities
• FRED API: Federal Reserve Economic Data for market analytics
• Google Maps API: Location services and mapping

• ESLint: Code quality and style enforcement
• React Hook Form: Form validation with Zod schema
• Axios: Promise-based HTTP client
• date-fns: Modern date utility library
• Turbopack: Next.js bundler for fast development

• Node.js 20+ (LTS recommended)
• npm or yarn package manager
• Firebase project (for authentication)
• FRED API key (free)
• Google Maps API key

1. Clone the repository

git clone https://github.com/Sunayana225/EstateHub.git
cd EstateHub

2. Install dependencies

npm install

3. Set up environment variables

cp .env.example .env.local

4. Configure your API keys in .env.local

5. Start the development server

npm run dev

6. Access the application Open http://localhost:3000 in your browser

1. Create a project at Firebase Console
2. Enable Authentication with Email/Password and Google providers
3. Add your app to the project and get configuration
4. Configure in .env.local:

NEXT_PUBLIC_FIREBASE_API_KEY=your_api_key
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your_project.firebaseapp.com
NEXT_PUBLIC_FIREBASE_PROJECT_ID=your_project_id
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=your_project.appspot.com
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=123456789
NEXT_PUBLIC_FIREBASE_APP_ID=1:123456789:web:abcdef123456

1. Register at FRED API
2. Create a free API key
3. Generate an API key
4. Add to .env.local:

NEXT_PUBLIC_FRED_API_KEY=your_fred_api_key

1. Go to Google Cloud Console
2. Create a project and enable Maps JavaScript API
3. Generate API credentials with appropriate restrictions
4. Add to .env.local:

NEXT_PUBLIC_GOOGLE_MAPS_API_KEY=your_maps_api_key

1. Create an account at Supabase
2. Create a new project
3. Get your API credentials
4. Configure in .env.local:

NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_anon_key

• S&P Case-Shiller Home Price Index - Tracks changes in residential real estate prices
• 30-Year Fixed Rate Mortgage Average - Current mortgage rates and historical trends
• Housing Starts - New housing construction projects initiated
• Existing Home Sales - Volume of home resales in the market

• Curated listings with detailed specifications
• Historical price data for comparative analysis
• Neighborhood statistics and amenity scores
• Investment potential calculations

Compare up to 4 properties side-by-side with detailed metrics:

• Price per square foot
• Investment potential score
• Neighborhood amenity ratings
• Historical price appreciation

Schedule property viewings directly through the platform with:

• Real-time availability calendar
• Agent contact information
• Automated reminders
• Tour preference settings

Guided tour of the platform with:

• Personalized recommendations based on preferences
• Feature highlights and usage tips
• Contextual help throughout the application

• Predictive Search - Anticipates user search intentions
• Market Trend Alerts - Notifications for significant market changes
• Personalized Recommendations - Based on browsing and search history
• Favorites Synchronization - Across devices with cloud storage

EstateHub/
├── src/
│   ├── app/              # Next.js App Router pages
│   ├── components/       # Reusable UI components
│   ├── contexts/         # React context providers
│   ├── lib/              # Core utilities and configurations
│   └── utils/            # Helper functions and APIs
├── public/               # Static assets and images
├── lib/                  # Shared libraries
└── config files          # Next.js and TypeScript configuration

1. Connect your GitHub repository to Vercel
2. Configure environment variables
3. Deploy with automatic CI/CD pipeline
4. Access analytics and monitoring tools

• Netlify: Similar workflow to Vercel with continuous deployment
• AWS Amplify: For enterprise-grade hosting with additional AWS services
• Docker: Containerized deployment for custom hosting solutions

Contributions are welcome! Please feel free to submit a Pull Request.

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

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

EstateHub was developed to demonstrate modern web development practices using Next.js, React, and powerful APIs. The platform combines real economic data with an intuitive interface to create a comprehensive real estate experience.

Created with ❤️ by Sunayana

Note: While the application uses real economic data from FRED API, property listings are simulated for demonstration purposes. For production use, ensure proper data validation, error handling, and security measures.