Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jmatochepascual/realstate

RealState
https://github.com/jmatochepascual/realstate

css-flexbox-layout css-grid-layout css3 gulp html5 html5-semantic nodejs sass

Last synced: 4 months ago
JSON representation

RealState

Awesome Lists containing this project

README 

        
# ⚡️ 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](#descripción)

2. 🛠️[Tecnologías y Herramientas](#tecnologías-y-herramientas)

3. 🚀[Estructura del Proyecto](#estructura-del-proyecto)

4. 🧑‍💻[Uso](#uso)

5. 📌[Instalación](#instalación)

6. 🏗️[Contribución](#contribución)

7. ✨[Licencia](#licencia)

8. 🙈[Imagen de Referencia](#imagen-de-rereferencia)

9. 🌐[Ver Proyecto en la WEB](#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](https://opensource.org/licenses/MIT).



## Imagen de Rereferencia



![](https://i.postimg.cc/FssZjjvQ/Real-State.png)



## Ver Proyecto en la WEB



Puedes ver el proyecto en funcionamiento [aquí](https://jmatochepascual.github.io/RealState/).



Todos los derechos reservados RealState 2024 ©.