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

https://github.com/rahulnisanth/spatialnest

Spatial Nest is a modern web application for browsing property listings
https://github.com/rahulnisanth/spatialnest

axios chakra-ui nextjs rapid-api

Last synced: about 2 months ago
JSON representation

Spatial Nest is a modern web application for browsing property listings

Awesome Lists containing this project

README

          

# Spatial Nest

Status: Completed

Tags: Axios, ChakraUI, NextJS, RapidAPI

# Spatial Nest

**Description:**

Spatial Nest is a modern web application for browsing property listings, developed using **Next.js**, **ChakraUI** for UI components, and **Axios** for API integration. It provides users with the ability to view properties available for both **rent** and **sale** through categorized listings and filter-based searches. The property data is sourced from the **Bayut API**.

## 📚 **Project Overview**

- **Framework:** Next.js
- **UI Library:** ChakraUI
- **API Integration:** Axios
- **API Source:** Bayut API via RapidAPI

## 🚀 **Features**

1. **Rental Listings**

View properties available for rent with various details like price, location, and property type.

2. **Sales Listings**

Browse through properties listed for sale, with comprehensive descriptions and tags.

3. **Search by Filters**

Users can filter properties based on specific criteria such as price range, property type, location, etc.

## 📄 **Pages Used**

1. **Home Page**
- Displays the latest rental properties and sales properties.
- Highlights featured properties.
2. **Property Listings Page**
- Separate pages for **rental** and **sales** listings.
- Users can browse the available properties with filters for better navigation.
3. **Single Property View Page**
- Shows the detailed description of each selected property.
- Includes tags like property type, location, and amenities.

## 💻 **Technologies Used**

- **Next.js**: For building the server-side rendering and routing system.
- **ChakraUI**: For creating a responsive, accessible, and modern UI.
- **Axios**: For fetching data from the Bayut API.