This project is a food ordering application built with React Native using Expo, featuring Supabase authentication. Users can browse a food menu, view details, add items to their cart, and place orders. It also includes features for managing orders and updating user profiles, such as changing profile photos, switching languages, and toggling between dark and light mode.
-
🔐 Authentication Flow:
Powered by Supabase, allowing users to securely sign up, log in, and manage their accounts. -
📋 Dashboard:
Displays a list of food items with prices. Users can view details, add items to their cart 🛒, and place orders. -
📦 Order Tab:
Keep track of items in the cart and manage current orders. -
👤 Profile Tab:
Update profile photo, switch between languages 🌍, and toggle dark mode 🌙 or light mode ☀️.
-
Supabase:
For authentication and backend services. -
Expo Router:
Navigation handling for a smooth app experience. -
React Native Paper:
Beautiful UI components for a consistent design. -
Zustand:
Lightweight state management for handling user data and cart management. -
React Hook Form:
Manage form inputs and validation in profile and order management. -
React Native Reanimated & Gesture Handler:
Smooth animations and gesture-based interactions. -
Lottie Animations:
For fun, interactive visual feedback to enhance the user experience.
-
Clone the repository:
git clone https://github.com/your-repo/food-ordering-app.git cd food-ordering-app
-
Install dependencies:
npm install
-
Set up Supabase:
Create a project at supabase.com. Configure your Supabase keys for authentication and backend.
-
For iOS, generate native code and run the app:
npx expo run:ios
-
For Android, generate native code and run the app:
npx expo run:android
This project is licensed under the MIT License.
🌟 Happy Food with FlavorBite! 🌟