Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/sanidhyy/real-estate-app

Realtor - A Next JS Real Estate App
https://github.com/sanidhyy/real-estate-app

css html javascript js next nextjs react react-router reactjs real-estate

Last synced: about 8 hours ago
JSON representation

Realtor - A Next JS Real Estate App

Awesome Lists containing this project

README

        

# Realtor - A Next JS Real Estate App

![A Next JS Real Estate App](https://user-images.githubusercontent.com/71302066/175340586-9dccc0e4-0444-47cf-bd6e-d3543e14aae8.png)

[![Ask Me Anything !](https://img.shields.io/badge/Ask%20me-anything-1abc9c.svg)](https://github.com/Technical-Shubham-tech)
[![GitHub license](https://img.shields.io/github/license/Technical-Shubham-tech/real-estate-app)](https://github.com/Technical-Shubham-tech/real-estate-app/blob/main/LICENSE.md)
[![Maintenance](https://img.shields.io/badge/Maintained%3F-yes-green.svg)](https://github.com/Technical-Shubham-tech/real-estate-app/commits/main)
[![GitHub branches](https://badgen.net/github/branches/Technical-Shubham-tech/real-estate-app/)](https://github.com/Technical-Shubham-tech/real-estate-app/branches)
[![Github commits](https://badgen.net/github/commits/Technical-Shubham-tech/real-estate-app/main)](https://github.com/Technical-Shubham-tech/real-estate-app/commits)
[![Website](https://img.shields.io/website-up-down-green-red/http/shields.io.svg)](https://real-estate-app-react.vercel.app/)
[![GitHub issues](https://img.shields.io/github/issues/Technical-Shubham-tech/real-estate-app)](https://github.com/Technical-Shubham-tech/real-estate-app/issues)

## ⚠️ Before you start

1. Make sure **Git** and **NodeJS** is installed
2. **Yarn** is faster than Npm. So use [Yarn](https://classic.yarnpkg.com/lang/en/docs/install/).
3. Create .env file in root folder.
4. Contents of **.env**

```
NEXT_APP_RAPID_API_KEY=XXXXXXXXXXXXXXXXXXXXXXXXXXX
```

5. Now, to setup API, go to [Rapid API Website](https://rapidapi.com/) and create an account.

6. Enable this API to fetch Real estate data: [API: Bayut](https://rapidapi.com/apidojo/api/bayut/).

![Copy API Key](https://user-images.githubusercontent.com/71302066/175342480-ab86e3e0-9380-47b0-b79a-9f13e079077d.png)

7. After enabling you can get your API Keys and paste them in `.env` file in `NEXT_APP_RAPID_API_KEY`.

**NOTE:** Make sure you don't share these keys publicaly.

## 📌 How to use this App?

1. Clone this **repository** to your local computer.
2. Open **terminal** in root directory.
3. Type and Run `npm install` or `yarn install`.
4. Once packages are installed, you can start this app using `npm run dev` or `yarn dev`
5. Now app is fully configured and you can start using this app :+1:

## 📃 Built with

[](https://www.javascript.com/)

[](https://reactjs.org/)

[](https://nextjs.org/)

[Rapid API](https://rapidapi.com/)

[Built with Love](https://github.com/Technical-Shubham-tech)

## 🔧 Stats

![Stats for this App](https://user-images.githubusercontent.com/71302066/175344406-4184c9b0-3e56-4a6d-91c8-6bd5089a5f3d.svg)

## 🙌🏼 Contribute

You might encounter some bugs while using this app. You are more than welcome to contribute. Just submit changes via pull request and I will review them before merging. Make sure you follow community guidelines.

## Buy Me a Coffee 🍺

[](https://www.buymeacoffee.com/sanidhy "Buy me a Coffee")

## 🚀 Follow Me

[![GitHub followers](https://img.shields.io/github/followers/Technical-Shubham-tech?style=social&label=Follow&maxAge=2592000)](https://github.com/Technical-Shubham-tech)
[![Twitter](https://img.shields.io/twitter/url?style=social&url=https%3A%2F%2Ftwitter.com%2FTechnicalShubam)](https://twitter.com/intent/tweet?text=Wow:&url=https%3A%2F%2Fgithub.com%2FTechnical-Shubham-tech%2Fmedical-chat-app)
[![YouTube](https://img.shields.io/badge/YouTube-FF0000?style=for-the-badge&logo=youtube&logoColor=white)](https://www.youtube.com/channel/UCNAz_hUVBG2ZUN8TVm0bmYw)

## ⭐ Give A Star

You can also give this repository a star to show more people and they can use this repository.