https://github.com/erickdc7/real-estate-website

Real Estate Website
https://github.com/erickdc7/real-estate-website

javascript nextjs reactjs vercel

Last synced: 3 months ago
JSON representation

Real Estate Website

• Host: GitHub
• URL: https://github.com/erickdc7/real-estate-website
• Owner: erickdc7
• Created: 2022-12-23T17:38:14.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-12-18T19:41:16.000Z (over 2 years ago)
• Last Synced: 2026-01-03T16:21:53.518Z (6 months ago)
• Topics: javascript, nextjs, reactjs, vercel
• Language: JavaScript
• Homepage: https://modern-real-estate-website.vercel.app/
• Size: 4.66 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Real Estate Website

This design is inspired by the work of [JavaScript Mastery](https://www.youtube.com/@javascriptmastery). Click [here](https://youtu.be/y47gYvXchXM?si=puQrHYCULxsgoRgk) to watch the video.

## Technologies

This web page was made with the following technologies:

- HTML5

- CSS3

- JavaScript

- React

- React Icons

- Next.js

- Chakra UI

- Framer Motion

- Vercel

## Pages

This web page contains 7 sections: **Home**, **Search**, **Properties for sale**, **Properties for rent** and **Property details**.

### Home

#### In this home section, you will be able to see all the properties available for purchase or rent. Also, in the top right corner, you will find a dropdown menu that will allow you to access the different sections of the page.

![preview home](assets/images/preview-home.jpeg)

### Search

#### In this view, you will be able to search for the available properties on the page, applying filters according to your preferences. You will be able to filter by the number of bedrooms, bathrooms, price, and other criteria.

![preview search](assets/images/preview-search.jpeg)

### Properties for sale

#### In this view, you will have access to all the properties that are offered for sale, and you will be able to search them by a custom filter.

![preview for sale](assets/images/preview-for-sale.jpeg)

### Properties for rent

#### In this section, you will be able to see all the properties available for rent, and you will be able to filter them according to your search criteria.

![preview for rent](assets/images/preview-for-rent.jpeg)

### Property details

#### Furthermore, when you click on a property that you like, you will be redirected to another page where you can see more details about it, such as more images, a detailed description, the property type, the sale or rent status, and the amenities it offers, such as balcony, pool, air conditioning, etc.

![preview details](assets/images/preview-property.jpeg)