⚡️ ReadState

Este proyecto es un sitio web diseñado para presentar propiedades de lujo en venta, facilitando a los usuarios la búsqueda y visualización de información detallada sobre cada propiedad disponible. Abarca desde casas de lujo hasta apartamentos exclusivos, proporcionando una interfaz sencilla y elegante para la interacción del usuario.

🎯 Contenido

1. Descripción
2. Tecnologías y Herramientas
3. Estructura del Proyecto
4. Uso
5. Instalación
6. Contribución
7. Imagen de Referencia
8. Ver Proyecto en la WEB

📝Descripción

RealState es una plataforma inmobiliaria que conecta a compradores con propiedades de lujo en las zonas más exclusivas. Los usuarios pueden explorar una variedad de opciones, cada una presentada con detalles que incluyen imágenes de alta calidad, descripciones detalladas, precios y características destacadas.

🛠️Tecnologías y Herramientas

• HTML5: Para la estructura de la página.
• CSS3: Para los estilos y el diseño visual.
• SCSS: Preprocesador usado para generación de código css.
• Gulp: Automatizador de tareas para la compilación de sass y optimización de imagenes.
• SVG Avif Webp: Formatos de imagen para gráficos e iconos de alta calidad.
• Responsive Design: Asegura que la web sea accesible en cualquier dispositivo.

🚀Estructura del Proyecto

• build/css/: Carpeta con los estilos compilados.
• build/img/: Carpeta con imágenes optimizadas para el sitio.
• src/fonts/: Carpeta con fuentes locales para el proyecto.
• favicon/: Iconos de la aplicación para diferentes dispositivos y navegadores.
• index.html: Página principal.

🧑‍💻Uso

Este proyecto utiliza Gulp para automatizar el proceso de compilación de archivos SCSS a CSS, facilitando el desarrollo y la implementación. Asegúrate de seguir los siguientes pasos para configurar tu entorno de desarrollo.

Antes de comenzar, necesitarás tener Node.js y npm (Node Package Manager) instalados en tu máquina.

📌Instalación

Desde el directorio raíz del proyecto, ejecuta el siguiente comando para instalar las dependencias necesarias, incluido Gulp y el compilador de Sass. Esto leerá el archivo package.json y instalará las dependencias listadas en devDependencies.

npm i

Para compilar los archivos SCSS a CSS utilizando Gulp, puedes utilizar uno de los siguientes comandos

gulp dev

🏗️Contribución

Si estás interesado en contribuir al proyecto, por favor sigue estos pasos:

1. Haz un fork del repositorio.
2. Crea una nueva rama para tu característica (git checkout -b mi-nueva-característica).
3. Compromete tus cambios (git commit -am 'Añadir alguna característica').
4. Empuja la rama (git push origin mi-nueva-característica).
5. Abre un pull request.

✨Licencia

Este proyecto está bajo la licencia MIT.

🙈Imagen de Rereferencia

🌐Ver Proyecto en la WEB

Puedes ver el proyecto en funcionamiento aquí.

Todos los derechos reservados RealState 2024 ©.