Mi Hogar

This advanced prototype real estate platform offers a high-end, mobile-first experience, centered on a fluid, aesthetically pleasing, and technically optimized interface. The design ensures a consistent and responsive display on any device, keeping content perfectly aligned without unnecessary scrolling.
Key Features:
Interactive Swipe Browse: A "Tinder"-style property browsing system that allows users to discover homes with swipe gestures, complemented by a detailed gallery and direct contact with agents.

Advanced Search and Filters: Precise segmentation tools by transaction type (sale/rent), price range, and number of bedrooms.

Personalized Profile Management: Dynamic identity generation (name and avatar) based on email address, with editable bottom sheets and local data persistence.

Intelligent Dark Mode: A robust theme system that alternates between light and dark modes, saving the user's preference in the browser for a consistent visual experience.

Performance and Offline: Critical optimization through local loading of resources and images. By eliminating reliance on external servers, superior stability and instantaneous load times are achieved.

Favorites Persistence: An alert management system and storage of properties of interest using localStorage, allowing information to persist between sessions.

Information Section: A section dedicated to the purpose of the prototype, legal notices, and technical credits for the team.

Technology Stack:

Fronend: React with TypeScript for robust and scalable code.

Styles: Tailwind CSS, providing a modern, responsive, and high-performance design.

Iconography: Lucide-React for a clean and minimalist visual identity.

Storage: Web Storage API (localStorage) for local management of user data and preferences.