A HomiFind App

📋 Table of Contents

1. 🤖 Introduction
2. ⚙️ Tech Stack
3. 🔋 Features

🤖 Introduction

Build 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 53, Appwrite, Tailwind CSS, and TypeScript for a seamless and scalable experience.

⚙️ Tech Stack

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

🔋 Features

👉 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

🤸 Quick Start

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

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

Cloning the Repository

git clone https://github.com/irabruce10/HomiFind.git
cd HomiFind

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

• development build
• Android emulator
• iOS simulator
• Expo Go, a limited sandbox for trying out app development with Expo

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

Welcome to your Expo app 👋

This is an Expo project created with create-expo-app.

Get started

1. Install dependencies

   npm install

2. Start the app

   npx expo start

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

• development build
• Android emulator
• iOS simulator
• Expo Go

🔗 Web Preview

Check out the live web version of HomiFind here: HomiFind

Please note that the link above points to the web preview of HomiFind, which does not yet match the native mobile app’s styling and performance one-to-one. While all core features—Google sign-in, property browsing, and profile management—are functional, the UI layout and device-specific touch interactions differ from the Expo-built mobile experience. We’re actively refining the responsive design, animations, and data caching to bring the web version closer to the polished feel of our iOS and Android builds. Thank you for your understanding, and stay tuned for updates!

Built with ❤️.