ddd
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.
index.ts
https://Dhanu--c6d4c024321a11f0b451569c3dd06744.web.val.run
A comprehensive real estate management system with property listings, user authentication, admin dashboard, and inquiry management.
- Property Management: Add, edit, delete, and view property listings
- User Authentication: Secure login for agents and administrators
- Property Search: Advanced search with filters for location, price, property type, etc.
- Admin Dashboard: Manage properties, users, and inquiries
- Responsive Design: Optimized for both mobile and desktop
- Image Gallery: Multiple property images with gallery view
- Contact Forms: Inquiry forms for potential clients
- Favorites: Save favorite properties (for logged-in users)
- Frontend: React with TailwindCSS
- Backend: Hono API framework on Val Town
- Database: SQLite for data storage
- Authentication: JWT-based authentication
- Image Handling: Base64 encoding for demo purposes
├── backend/
│ ├── auth/
│ │ ├── auth.ts
│ │ └── middleware.ts
│ ├── controllers/
│ │ ├── propertyController.ts
│ │ ├── userController.ts
│ │ └── inquiryController.ts
│ ├── database/
│ │ ├── schema.ts
│ │ └── seed.ts
│ └── index.ts
├── frontend/
│ ├── components/
│ │ ├── common/
│ │ │ ├── Button.tsx
│ │ │ ├── Card.tsx
│ │ │ ├── Input.tsx
│ │ │ └── ...
│ │ ├── layout/
│ │ │ ├── Header.tsx
│ │ │ ├── Footer.tsx
│ │ │ └── Sidebar.tsx
│ │ ├── properties/
│ │ │ ├── PropertyCard.tsx
│ │ │ ├── PropertyDetails.tsx
│ │ │ ├── PropertyForm.tsx
│ │ │ └── ...
│ │ ├── auth/
│ │ │ ├── LoginForm.tsx
│ │ │ └── RegisterForm.tsx
│ │ └── dashboard/
│ │ ├── Dashboard.tsx
│ │ ├── PropertyManager.tsx
│ │ └── ...
│ ├── pages/
│ │ ├── HomePage.tsx
│ │ ├── PropertyListPage.tsx
│ │ ├── PropertyDetailPage.tsx
│ │ ├── LoginPage.tsx
│ │ ├── DashboardPage.tsx
│ │ └── ...
│ ├── context/
│ │ ├── AuthContext.tsx
│ │ └── ...
│ ├── utils/
│ │ ├── api.ts
│ │ └── helpers.ts
│ ├── index.html
│ └── index.tsx
└── shared/
└── types.ts
- Access the application URL
- Browse property listings or search for specific properties
- Create an account to save favorites or contact property managers
- Admin users can log in to manage properties and inquiries
For demo purposes, use the following credentials:
- Email: admin@realestate.com
- Password: admin123