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.
A professional, sleek, and interactive real estate web application for browsing and listing rental properties in Enugu, Nigeria.
- 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
├── 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
- 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
The app includes real areas and estates in Enugu:
- New Haven
- GRA (Government Reserved Area)
- Independence Layout
- Trans-Ekulu
- Abakpa
- Uwani
- Achara Layout
- Frontend: React 18.2.0 with TypeScript
- Backend: Hono framework
- Database: SQLite
- Styling: TailwindCSS
- Icons: Lucide React icons
The application is deployed on Val Town. Access the main entry point through the HTTP trigger on backend/index.ts.
- 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
- Smooth page transitions
- Hover effects and animations
- Mobile-responsive design
- Live chat with property agents
- Advanced search and filtering
- Property image galleries
- Secure user authentication
- Form validation and sanitization
- Protected routes for user dashboards
- Environment variable management for sensitive data