Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/debasishbihari/restate
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.
https://github.com/debasishbihari/restate
appwrite expo nativewind react-native tailwindcss typescipt
Last synced: 7 days ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/debasishbihari/restate
- Owner: debasishbihari
- Created: 2024-12-28T23:03:40.000Z (7 days ago)
- Default Branch: main
- Last Pushed: 2024-12-28T23:37:09.000Z (7 days ago)
- Last Synced: 2024-12-29T00:21:57.271Z (7 days ago)
- Topics: appwrite, expo, nativewind, react-native, tailwindcss, typescipt
- Language: TypeScript
- Homepage:
- Size: 5.66 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## π Table of Contents
1. π€ [Introduction](#introduction)
2. βοΈ [Tech Stack](#tech-stack)
3. π [Features](#features)
4. π€Έ [Quick Start](#quick-start)5. ## π€ Introduction
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.
-
-
-
-
-
-π **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/debasishbihari/restate.git
cd restate
```**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](https://appwrite.io/).
**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 ExpoYou can start developing by editing the files inside the **app** directory. This project uses [file-based routing](https://docs.expo.dev/router/introduction).