Harold-Odro/accra-rentals

# Accra Rentals - Property Price Intelligence Platform A modern Next.js application for rental price estimation and market analytics in Greater Accra, Ghana. ## Features ✨ **Price Estimator** - Get accurate rental price estimates based on location and property size 📊 **Market Analytics** - View trends, charts, and neighborhood comparisons 🗺️ **Map View** - Visual property distribution (coming soon) 💾 **Saved Searches** - Save and revisit your searches 📱 **Mobile-First** - Optimized for all devices ## Tech Stack - **Framework**: Next.js 14 (App Router) - **Styling**: Tailwind CSS - **Charts**: Recharts - **Icons**: Lucide React - **Fonts**: Crimson Pro (display) + Work Sans (body) ## Getting Started ### 1. Install Dependencies ```bash npm install ``` ### 2. Add Your Scraped Data Replace the sample data with your actual Meqasa data: 1. Copy your `meqasa_data.json` to the `public` folder 2. Update `lib/data.ts` to load your data: ```typescript // lib/data.ts import rentalData from '@/public/meqasa_data.json' export function getListings(): Listing[] { return rentalData.listings } ``` ### 3. Run Development Server ```bash npm run dev ``` Open localhost ## Project Structure ``` accra-rentals/ ├── app/ │ ├── layout.tsx # Root layout with fonts │ ├── page.tsx # Homepage with tabs │ └── globals.css # Global styles ├── components/ │ ├── Navigation.tsx # Top navigation │ ├── PriceEstimator.tsx # Main estimator UI │ └── MarketOverview.tsx # Analytics dashboard ├── lib/ │ └── data.ts # Data utilities & estimation logic └── public/ └── meqasa_data.json # Your scraped data (add this!) ``` ## Customization ### Update Neighborhoods Edit the locations list in `components/PriceEstimator.tsx`: ```typescript const LOCATIONS = [ 'East Legon', 'Cantonments', // Add your locations... ] ``` ### Adjust Price Estimation Logic The estimation algorithm is in `lib/data.ts`: ```typescript export f …