https://github.com/devchris03/real-state

Real State: Pagina web para vender propiedades
https://github.com/devchris03/real-state

avif css gulp gulp-plugin html responsive-web-design sass webpack

Last synced: about 1 month ago
JSON representation

Real State: Pagina web para vender propiedades

• Host: GitHub
• URL: https://github.com/devchris03/real-state
• Owner: devchris03
• Created: 2024-04-02T17:29:50.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-04-05T15:37:29.000Z (9 months ago)
• Last Synced: 2024-10-12T20:41:11.972Z (2 months ago)
• Topics: avif, css, gulp, gulp-plugin, html, responsive-web-design, sass, webpack
• Language: HTML
• Homepage: https://devchris03.github.io/real-state/
• Size: 4.49 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🏠 Real State

¡Bienvenido a Real State! 🏡 Este proyecto es una página web dedicada a la venta de propiedades, además de ofrecer un blog informativo sobre el mundo inmobiliario. Nuestro objetivo es proporcionar una plataforma intuitiva y atractiva para ayudarte a encontrar la propiedad de tus sueños y mantenerte informado sobre las últimas tendencias en bienes raíces.

## Características del Proyecto

1. **Diseño adaptable:** La página web está diseñada para adaptarse a diferentes dispositivos, brindando una experiencia óptima tanto en computadoras de escritorio como en dispositivos móviles.

2. **HTML semántico:** Se utiliza HTML semántico para mejorar la accesibilidad y la comprensión del contenido por parte de los motores de búsqueda y los lectores de pantalla.

3. **Diseño trabajado con Flexbox y Grid:** Se emplean las propiedades de Flexbox y Grid en el diseño para lograr una disposición flexible y eficiente de los elementos en la página.

4. **Nomenclatura BEM:** Se sigue la metodología de nomenclatura BEM (Block Element Modifier) para mantener un código más organizado, escalable y fácil de mantener.

5. **Imágenes en formatos AVIF y WebP:** Las imágenes se optimizan en formatos AVIF y WebP para mejorar el rendimiento de la página y reducir los tiempos de carga.

6. **Accesibilidad:** Se implementan prácticas de accesibilidad para garantizar que todas las personas, independientemente de sus capacidades, puedan acceder y utilizar la página de manera efectiva.

7. **Favicon personalizado:** Se incluye un favicon personalizado para una identidad visual distintiva y reconocible en la pestaña del navegador.

## Tecnologías Usadas

1. **HTML (HyperText Markup Language):** El lenguaje estándar utilizado para crear y diseñar la estructura básica de las páginas web.

2. **CSS (Cascading Style Sheets):** Se utiliza para dar estilo y diseño a las páginas web, mejorando su apariencia y presentación.

3. **Sass (Syntactically Awesome Stylesheets):** Un preprocesador de CSS que facilita la escritura y organización del código CSS mediante características como variables, anidamiento y mixins.

4. **Gulp:** Una herramienta de automatización de tareas que se utiliza para optimizar y agilizar el flujo de trabajo de desarrollo, como la compilación de Sass, la minificación de archivos CSS y JavaScript, entre otras tareas.

5. **VSC (Visual Studio Code):** Un editor de código altamente personalizable y potente que se utiliza para escribir y editar el código fuente del proyecto.

¡Un agradecimiento especial a todas las personas que se toman el tiempo de explorar el proyecto! Su apoyo y retroalimentación son invaluable para mi. 🙏🚀