WorldWideHomes - is Real Estate Website for Renting Houses Worldwide

Welcome to WorldWideHomes, the ultimate platform for finding rental homes worldwide. Our website offers a seamless and intuitive experience for users looking to rent villas and houses globally.

Project Overview

WorldWideHomes is designed to make the process of finding and renting homes easier and more efficient.

Features

• Global search functionality to find rentals anywhere in the world
• Detailed property listings with high-resolution images
• User-friendly interface with responsive design
• Interactive map to view property locations
• User-friendly contact form
• Real-time property listings updates
• Customizable filter options

Project Structure

The WorldWideHomes project consists of several key pages, each designed to provide specific information . Below is a detailed explanation of each page and it`s features.

Pages

Home

• Purpose: Serves as the main entry point of the website.
• Features:
  • Introduction to WorldWideHomes
  • Quick links to other pages

Home/Properties

• Purpose: Displays a list of available rental properties.
• Features:
  • Comprehensive property listings
  • Filters for property type
  • Detailed property descriptions with images and amenities

Home/Single Property

• Purpose: Provides detailed information about a specific property.
• Features:
  • High-quality images of the property
  • Detailed description including amenities, price
  • Total flat space
  • Contract readiness
  • Payment process details
  • 24/7 security control
  • Find your best deal right now!

HOME/CONTACT US

• Purpose: Allows users to get in touch with WorldWideHomes.
• Features:
  • Contact form for inquiries
  • Email address and phone number
  • Interactive map showing property locations

Technologies Used

The WorldWideHomes project uses the following technologies:

• HTML: For structuring the content.
• CSS: For styling and layout.
• JavaScript: For interactivity.
• Git & GitHub: For version control and collaboration.
• Other Tools: google font : Poppins. font awesome . vs code 💚💛✌️.

Setup and Installation

Follow these steps to get a local copy of the project up and running.

Prerequisites

• Ensure you have Git installed on your local machine.
• A modern web browser.

Installation Steps

1. Clone the repository:

   git clone https://github.com/dugsiiyeinc/WorldWideHomes.git

2. Navigate to the project directory:

   cd WorldWideHomes 
   

3. Open the index.html file in a browser.

• Simply double-click the index.html file, or
• Use a web server tool like Live Server for a better development experience.

Features

Responsive Design:

• Achieved using media queries in CSS to ensure the website looks great on all devices, from desktops to mobile phones.

Grid Layout:

• Utilized CSS Grid to create a flexible and responsive layout structure. The grid layout allows for complex designs with rows and columns, ensuring content is organized and adapts to different screen sizes.

Flexbox:

• Flexbox employed in the design to create a flexible and efficient distribution between the products in the container. Flexbox is used to align and distribute space within a container, making it easy to design responsive structures without using floats or positioning.

Team

• Team Leader: Abdullah Ali
• Member : Ayanle Osman
• Member : Abdinour Sonkor

---

• You can view the live version here

• Also the original website you can visit here

Thank you for visiting WorldWideHomes! We hope you find the perfect rental home with us 💚💛.