Skip to content

adarsh-k27r/HomeScape

Repository files navigation

expo typescript appwrite tailwindcss

Homescape - A Real Estate App

  1. 🤖 Introduction
  2. ⚙️ Tech Stack
  3. 🔋 Features
  4. 🤸 Quick Start

Built a full-stack Real Estate application with React Native, featuring Google authentication, dynamic property listings, and user profiles. Designed with modern tools like Expo SDK 52, Appwrite, Tailwind CSS, and TypeScript for a seamless and scalable experience.

  • Expo
  • React Native
  • TypeScript
  • Nativewind
  • Appwrite
  • Tailwind CSS

👉 Authentication with Google: Secure and seamless user sign-ins using Google’s authentication service.

👉 Home Page: Displays the latest and recommended properties with powerful search and filter functionality.

👉 Explore Page: Allows users to browse all types of properties with a clean and intuitive interface.

👉 Property Details Page: Provides comprehensive information about individual properties, including images and key details.

👉 Profile Page: Customizable user settings and profile management

👉 Centralized Data Fetching: Custom-built solution inspired by TanStack’s useQuery for efficient API calls.

and many more, including code architecture and reusability

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

Cloning the Repository

git clone https://github.com/adarsh-k27r/HomeScape.git
cd Homescape

Installation

npm install

Set Up Environment Variables

Create a new file named .env.local in the root of your project and add the following content:

EXPO_PUBLIC_APPWRITE_ENDPOINT=https://cloud.appwrite.io/v1
EXPO_PUBLIC_APPWRITE_PROJECT_ID=
EXPO_PUBLIC_APPWRITE_DATABASE_ID=
EXPO_PUBLIC_APPWRITE_GALLERIES_COLLECTION_ID=
EXPO_PUBLIC_APPWRITE_REVIEWS_COLLECTION_ID=
EXPO_PUBLIC_APPWRITE_AGENTS_COLLECTION_ID=
EXPO_PUBLIC_APPWRITE_PROPERTIES_COLLECTION_ID=

Replace the values with your actual Appwrite credentials. You can obtain these credentials by signing up & creating a new project on the Appwrite website.

Start the app

 npx expo start

In the output, you'll find options to open the app in a

You can start developing by editing the files inside the app directory. This project uses file-based routing.

Releases

No releases published

Packages

No packages published