⚡️ ReadState

ReadState es un sitio web inmobiliario especializado en propiedades de lujo. La plataforma permite a los usuarios explorar una exclusiva selección de bienes raíces, desde mansiones y villas hasta penthouses y apartamentos premium. Cada propiedad cuenta con descripciones detalladas, galería de imágenes en alta resolución, planos arquitectónicos y características específicas. El diseño minimalista y la navegación intuitiva permiten una experiencia de usuario fluida, facilitando la búsqueda de propiedades según ubicación, precio, amenidades y otros filtros personalizables.

Tecnologías y Herramientas

• HTML5: Lenguaje de marcado para la estructura de la página.
• CSS3: Estilos para el diseño y presentación.
• SCSS/SASS: Preprocesador CSS para una escritura más eficiente de estilos.
• Gulp: Automatización de tareas como compilación de SCSS, optimización de imágenes y más.
• PostCSS: Procesamiento de CSS con plugins como Autoprefixer y CSSnano.
• Google Fonts: Tipografías web optimizadas.
• Responsive Design: Diseño adaptable para todos los dispositivos.
• Formatos de imagen modernos: Soporte para WebP y AVIF para optimizar el rendimiento.
• Meta tags SEO: Optimización para motores de búsqueda.
• Open Graph: Meta tags para compartir en redes sociales.
• Favicon: Iconos personalizados para diferentes dispositivos y plataformas.

Estructura del Proyecto

• build/css: Carpeta que contiene los archivos CSS compilados y optimizados para producción.
• build/img: Carpeta con imágenes optimizadas en formatos WebP y AVIF para mejor rendimiento web.
• src/scss: Carpeta con los archivos fuente SCSS organizados en módulos y componentes.
• src/img: Carpeta con las imágenes originales sin optimizar.
• index.html: Página de inicio que presenta la plataforma de inmobiliaria.

Uso

Para visualizar el proyecto localmente, sigue estos pasos:

1. Clona este repositorio:

git clone https://github.com/JMatochePascual/ReadState.git

2. Navega al directorio del proyecto:

cd ReadState

3. Abre el archivo index.html en tu navegador web preferido

4. Opcionalmente, puedes usar un servidor local como Live Server para una mejor experiencia

Requisitos Previos

Para trabajar con este proyecto necesitarás:

• Node.js (versión 14 o superior)
• npm (Node Package Manager)
• Conocimientos básicos de la terminal/línea de comandos

Instalación

Para comenzar a trabajar con este proyecto, sigue estos pasos:

1. Clona este repositorio:

git clone https://github.com/jmatochepascual/ReadState.git

2. Navega al directorio del proyecto:

cd ReadState

3. Instala las dependencias:

npm i

4. Compila los archivos SCSS a CSS:

gulp dev

Contribución

Si deseas contribuir al proyecto, por favor sigue estos pasos en orden:

1. Haz un fork del repositorio.

2. Crea una nueva rama para tu funcionalidad:

   git checkout -b feature-name

3. Realiza y confirma tus cambios:

   git commit -am 'Add new feature'

4. Sube los cambios a tu repositorio:

   git push origin feature-name

5. Abre un Pull Request desde tu repositorio hacia el proyecto principal

Licencia

Este proyecto está bajo la licencia MIT.

Imagen de Rereferencia

¡Visita Nuestro Proyecto!

¿Quieres ver ReadState en acción? ¡Haz clic aquí! 👉 Visitar ReadState

Hecho con 💚 por ReadState | ©2025 - Transformando tu inmobiliaria en una experiencia única