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
• React Native
• Expo
• Expo Router
• Supabase
• Tanstack React Query
• Stripe
• Expo Notifications

Running Locally

Cloning the repository to the local machine.

git clone

Copy the .env.example file and rename it as .env

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.

npm install

Running the application.

Then, run the application in the command line and it will be available at http://localhost:3000.

npm start

Author

• Anchit Sinha (@anchit1909)