https://github.com/adarsh-k27r/homescape
One-stop destination for finding you a perfect home.
https://github.com/adarsh-k27r/homescape
android-application app-write-cloud google-auth ios-app javascript native-wind oauth2 react-native typescript
Last synced: 9 months ago
JSON representation
One-stop destination for finding you a perfect home.
- Host: GitHub
- URL: https://github.com/adarsh-k27r/homescape
- Owner: adarsh-k27r
- Created: 2024-12-26T10:50:24.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-27T10:20:17.000Z (over 1 year ago)
- Last Synced: 2025-03-01T13:23:59.478Z (over 1 year ago)
- Topics: android-application, app-write-cloud, google-auth, ios-app, javascript, native-wind, oauth2, react-native, typescript
- Language: TypeScript
- Homepage:
- Size: 5.68 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Homescape - A Real Estate App
## π Table of Contents
1. π€ [Introduction](#introduction)
2. βοΈ [Tech Stack](#tech-stack)
3. π [Features](#features)
4. π€Έ [Quick Start](#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:
- [Git](https://git-scm.com/)
- [Node.js](https://nodejs.org/en)
- [npm](https://www.npmjs.com/) (Node Package Manager)
**Cloning the Repository**
```bash
git clone https://github.com/adarsh-k27r/HomeScape.git
cd Homescape
```
**Installation**
```bash
npm install
```
**Set Up Environment Variables**
Create a new file named `.env.local` in the root of your project and add the following content:
```env
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**
```bash
npx expo start
```
In the output, you'll find options to open the app in a
- [development build](https://docs.expo.dev/develop/development-builds/introduction/)
- [Android emulator](https://docs.expo.dev/workflow/android-studio-emulator/)
- [iOS simulator](https://docs.expo.dev/workflow/ios-simulator/)
- [Expo Go](https://expo.dev/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](https://docs.expo.dev/router/introduction).