Skip to content

ploxxxy/eliftech-delivery

Repository files navigation

Hosted version

You can find a working version of this web app here (https://eliftech-delivery.vercel.app).

Screenshots Desktop
Screenshots Mobile

Creating the project

To host this yourself you will need:

  • Node.js 16+
  • An account on Supabase.io

Download & install

# clone this project to your local machine
git clone https://github.com/ploxxxy/eliftech-delivery

# install all dependencies
cd elitech-delivery
npm install

Environmental variables

Create a new project in Supabase, copy it's URL & anon key.
Create 2 tables in your project. One named products that contains columns:

  • id (uuid)
  • shop (text)
  • name (text)
  • price (float4)
  • image (text)

And one more named orders that contains:

  • id (int8)
  • timestamp (timestamp)
  • cart (json)
  • email (text)
  • phone (text)
  • name (text)
  • location (text)
  • total (float4)

Create a .env file and add two variables mentioned above as such:

VITE_PUBLIC_SUPABASE_URL=
VITE_PUBLIC_SUPABASE_ANON_KEY=

Running

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of the app:

npm run build

You can preview the production build with npm run preview.