FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
godinoarts
godinoartsEnuguRent
Public
Like
EnuguRent
Home
Code
4
backend
3
frontend
6
shared
2
README.md
Branches
1
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in miliseconds.
Sign up now
Code
/
Code
/
Search
README.md

šŸ  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
Code
backendfrontendsharedREADME.md
Go to top
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Product
FeaturesPricing
Developers
DocsStatusAPI ExamplesNPM Package Examples
Explore
ShowcaseTemplatesNewest ValsTrending ValsNewsletter
Company
AboutBlogCareersBrandhi@val.town
Terms of usePrivacy policyAbuse contact
Ā© 2025 Val Town, Inc.