Name		Name	Last commit message	Last commit date
parent directory ..
patches		patches
src		src
.dockerignore		.dockerignore
.eslintignore		.eslintignore
.eslintrc.json		.eslintrc.json
.prettierrc		.prettierrc
Dockerfile		Dockerfile
README.md		README.md
compile-proto.sh		compile-proto.sh
ecosystem.json		ecosystem.json
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
tailwind.config.js		tailwind.config.js
tsconfig.json		tsconfig.json
tsconfig.node.json		tsconfig.node.json
vite.config.ts		vite.config.ts

README.md

Foodgether frontend

Tech stack:

Framework/Library: React
Code: TypeScript
Build tool: Vite
Alert popup: SweetAlert2
Styling: NextUI

Getting started

Install Node 17 or Node 18
npm install to install dependencies, check package.json
npm run dev to start local server, check package.json

Environment Variable

VITE_FOODGETHER_GRPC_URL: GRPC URL for realtime order updates
VITE_FOODGETHER_BACKEND_URL: API URL to interact
VITE_BASE_PATH: Path where the frontend will be hosted

Default value is set at src\config.ts VITE prefix is required by vite itself. Without VITE prefix, vite won't add the environment variable

Protobuf compilation

Although using realtime order updates is optional, compilation of protobuf is required for completeness

Run this command to compile the protobuf

npx protoc \
  --ts_out src/pb/ \
  --ts_opt long_type_string \
  --proto_path ../proto \
  ../proto/orders.proto