An open API service indexing awesome lists of open source software.

https://github.com/nelsontanko/rave

A food ordering app built with react-native, supabase, tanstack query...
https://github.com/nelsontanko/rave

expo react-native react-query supabase typescript

Last synced: 12 months ago
JSON representation

A food ordering app built with react-native, supabase, tanstack query...

Awesome Lists containing this project

README

          

# 🍔 RAVE App

Welcome to **RaVE App**! A modern, efficient, and user-friendly food ordering application built with **React Native**, **Supabase**, **Expo**, and **React Query**. This app allows users to browse menus, place orders, and enjoy their favorite meals from local restaurants with ease.

## 🚀 Features

- **Browse Menus**: Explore menus from various restaurants.
- **Place Orders**: Add items to your cart and place orders effortlessly.
- **User Authentication**: Secure sign-up and log-in with Supabase.
- **Real-time Updates**: Get real-time order status and updates.
- **Smooth UI/UX**: Experience a sleek and intuitive user interface.

## 🛠️ Technologies Used

- **React Native**: For building cross-platform mobile applications.
- **Expo**: For a smooth development and deployment process.
- **Supabase**: For backend services including authentication, database, and storage.
- **React Query**: For efficient data fetching and state management.

## 🚀 Installation

Follow these steps to set up and run the project on your local machine.

### Prerequisites

- Node.js (v14.x or later)
- npm
- Supabase account

### Setup

1. **Clone the repository:**

```sh
git clone https://github.com/peternelson22/Rave.git
cd rave
```

2. **Install dependencies:**

Using npm:
```sh
npm install
```

3. **Set up Supabase:**

- Create a new project on [Supabase](https://supabase.io).
- Copy your Supabase URL and API key.
- Create a `.env` file in the root directory and add your Supabase credentials:

```env
EXPO_PUBLIC_SUPABASE_URLL=your-supabase-url
EXPO_PUBLIC_SUPABASE_KEY=your-supabase-anon-key
```

4. **Start the Expo server:**

Using npm:
```sh
npx expo
```

This will start the Expo development server and open the Expo Developer Tools in your browser.

5. **Run on your device:**

- Download the Expo Go app on your iOS or Android device.
- Scan the QR code generated by the Expo server to load the app on your device.

## 📝 Usage

- **Sign Up / Log In**: Create a new account or log in with your existing credentials.
- **View Menus**: Select a restaurant to view its menu.
- **Place Orders**: Add items to your cart and place your order.
- **Order Status**: Track the status of your order in real-time.