https://github.com/rof1yev/react_native_restate
https://github.com/rof1yev/react_native_restate
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/rof1yev/react_native_restate
- Owner: rof1yev
- Created: 2025-03-12T07:38:36.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-03-12T08:34:09.000Z (3 months ago)
- Last Synced: 2025-03-12T08:34:48.820Z (3 months ago)
- Language: TypeScript
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
A small project with React Native basics
## 📋 Table of Contents
1. 🤖 [Introduction](#introduction)
2. ⚙️ [Tech Stack](#tech-stack)
3. 🔋 [Features](#features)
4. 🤸 [Quick Start](#quick-start)
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 52, Appwrite, Tailwind CSS, and TypeScript for a seamless and scalable experience.
- 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
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/rof1yev/react_native_restate.git
cd react_native_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://apwr.dev/JSM050).
**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).