https://github.com/anchit1909/hotbox-food-order-react-native
HotBox is a React Native application for ordering pizza online. It allows admins to add and update pizzas, and enables users to order their favorite pizza and check its status in realtime. Real-time push notifications are integrated to update users on the status of their orders and to alert admins when new orders are placed.
https://github.com/anchit1909/hotbox-food-order-react-native
expo expo-notifications expo-router react-native stripe supabase tanstack-react-query typescript
Last synced: about 2 months ago
JSON representation
HotBox is a React Native application for ordering pizza online. It allows admins to add and update pizzas, and enables users to order their favorite pizza and check its status in realtime. Real-time push notifications are integrated to update users on the status of their orders and to alert admins when new orders are placed.
- Host: GitHub
- URL: https://github.com/anchit1909/hotbox-food-order-react-native
- Owner: Anchit1909
- Created: 2024-04-26T06:53:24.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-30T08:46:50.000Z (about 2 years ago)
- Last Synced: 2025-09-19T11:49:10.354Z (9 months ago)
- Topics: expo, expo-notifications, expo-router, react-native, stripe, supabase, tanstack-react-query, typescript
- Language: TypeScript
- Homepage:
- Size: 1.51 MB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
HotBox - Order Pizza Online
Order your favourite Pizzas online and get it delivered to your home.
Introduction ·
Features ·
Screenshots ·
Tech Stack ·
Running Locally ·
Author
## Introduction
HotBox is a React Native application for ordering pizza online. It allows admins to add and update pizzas, and enables users to order their favorite pizza and check its status in realtime. Real-time push notifications are integrated to update users on the status of their orders and to alert admins when new orders are placed.
## Features
- Create account as an admin or user.
- Home Page with a list of pizzas.
- Product page to select the size of the pizza and proceed to checkout.
- Make payment using Stripe.
- Get status of your order.
- Create or update already listed pizza.
- Realtime push notifications to alert the users of the status of their order.
- Realtime push notifications to alert the admin when new orders are placed.
## Screenshots
### User Screen
### Admin Screen
## Tech Stack
- [Typescript](https://www.typescriptlang.org/)
- [React Native](https://reactnative.dev/)
- [Expo](https://expo.dev/)
- [Expo Router](https://docs.expo.dev/router/introduction/)
- [Supabase](https://supabase.com/)
- [Tanstack React Query](https://tanstack.com/query/latest)
- [Stripe](https://stripe.com/)
- [Expo Notifications](https://docs.expo.dev/push-notifications/overview/)
## Running Locally
### Cloning the repository to the local machine.
```bash
git clone
```
### Copy the .env.example file and rename it as .env
```bash
cp .env.example .env
```
### Get API Keys
1. Create a Supabase account to get SUPABASE URL and SUPABASE ANON key.
2. Create a Stripe account to get API keys from stripe to process payments.
### Installing the dependencies.
```bash
npm install
```
### Running the application.
Then, run the application in the command line and it will be available at `http://localhost:3000`.
```bash
npm start
```
## Author
- Anchit Sinha ([@anchit1909](https://twitter.com/anchit1909))