Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.

🏠 Enugu Rents - Real Estate Web Application

A professional, sleek, and interactive real estate web application for browsing and listing rental properties in Enugu, Nigeria.

🚀 Features

  • User Registration & Authentication: Secure account system for property listing
  • Property Listings: Comprehensive rental listings with detailed information
  • Advanced Search & Filters: Location, price range, and feature-based filtering
  • Property Details: High-quality image galleries and detailed property information
  • Live Chat System: Connect renters with listing agents
  • Mobile Responsive: Optimized for all devices
  • Modern UI/UX: Clean, intuitive interface with smooth animations

📁 Project Structure

├── backend/
│   ├── database/
│   │   ├── migrations.ts    # Database schema setup
│   │   └── queries.ts       # Database query functions
│   ├── routes/
│   │   ├── auth.ts         # Authentication routes
│   │   ├── listings.ts     # Property listing routes
│   │   ├── users.ts        # User management routes
│   │   └── static.ts       # Static file serving
│   └── index.ts            # Main API entry point
├── frontend/
│   ├── components/
│   │   ├── App.tsx         # Main application component
│   │   ├── Header.tsx      # Navigation header
│   │   ├── Footer.tsx      # Site footer
│   │   ├── PropertyCard.tsx # Property listing card
│   │   ├── PropertyDetail.tsx # Property detail view
│   │   ├── SearchFilters.tsx # Search and filter component
│   │   ├── ChatWidget.tsx  # Live chat component
│   │   └── Auth/           # Authentication components
│   ├── pages/
│   │   ├── Home.tsx        # Homepage
│   │   ├── Browse.tsx      # Browse listings
│   │   ├── About.tsx       # About page
│   │   ├── Contact.tsx     # Contact page
│   │   ├── FAQ.tsx         # FAQ page
│   │   └── Dashboard.tsx   # User dashboard
│   ├── index.html          # Main HTML template
│   ├── index.tsx           # Frontend entry point
│   └── style.css           # Custom styles
└── shared/
    ├── types.ts            # Shared TypeScript types
    └── utils.ts            # Shared utility functions

🎨 Design System

  • Colors: Green (#22C55E), Navy Blue (#1E40AF), Slate (#64748B), White (#FFFFFF)
  • Typography: Modern, clean fonts optimized for readability
  • Icons: Intuitive property feature icons with tooltips
  • Responsive: Mobile-first design approach

🏘️ Enugu Locations

The app includes real areas and estates in Enugu:

  • New Haven
  • GRA (Government Reserved Area)
  • Independence Layout
  • Trans-Ekulu
  • Abakpa
  • Uwani
  • Achara Layout

🛠️ Technology Stack

  • Frontend: React 18.2.0 with TypeScript
  • Backend: Hono framework
  • Database: SQLite
  • Styling: TailwindCSS
  • Icons: Lucide React icons

🚀 Getting Started

The application is deployed on Val Town. Access the main entry point through the HTTP trigger on backend/index.ts.

📱 Key Features

Property Listings Include:

  • Price in Nigerian Naira (₦)
  • Location within Enugu
  • Agent Fee, Legal Fee, Maintenance Fee
  • Full property description
  • Number of bedrooms and bathrooms
  • Kitchen, parking, security details
  • Power supply and furnishing status

User Experience:

  • Smooth page transitions
  • Hover effects and animations
  • Mobile-responsive design
  • Live chat with property agents
  • Advanced search and filtering
  • Property image galleries

🔐 Security

  • Secure user authentication
  • Form validation and sanitization
  • Protected routes for user dashboards
  • Environment variable management for sensitive data