This app is ordering meals app for restaurant. It will help for servers to take orders. Restaurants owner is able to manage menu items and details. If you would like to manage menus login from login page. If it's time to serve a customer, please hit the link of "Ready to order for customer??".
The purpose of this app is to be familiar with GraphQl and Zustand.
Frontend (package.json)
Backend (package.json)
## Login information
Email: [email protected]
Password: admin123456789
Clone the repo,and update environment variables in .env
and/or .env.local
file, and need to add firebase adminSDK in backend
folder:
$ git clone https://github.com/ryoosukesaito/Meal-ordering-app.git
# Set your own environment variables
## Frontend
NEXT_PUBLIC_SERVER_URL=http://localhost:4000
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=
NEXT_PUBLIC_CLOUDINARY_KEY=
NEXT_PUBLIC_CLOUDINARY_SECRET=
NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET=
NEXT_PUBLIC_FB_APP_KEY=
NEXT_PUBLIC_FB_AUTH_DOMAIN=
NEXT_PUBLIC_FB_PROJECT_ID=
NEXT_PUBLIC_FB_STORAGE_BUCKET=
NEXT_PUBLIC_FB_MESSAGING_SENDER_ID=
NEXT_PUBLIC_FB_APP_ID=
## backend
PORT=4000
- install package to type npm install
- Then type the below command after npm run or yarn
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "eslint ."
"lint:fix": "eslint --fix",
"format": "npx prettier --write \"src/**/*.{ts,tsx}\" && eslint --fix --ext \"src/**/*.{ts,tsx}\""
$ cd backend
$ npm install && npm run dev
✔ What is your project named? … frontend
✔ Would you like to use TypeScript? … Yes
✔ Would you like to use ESLint? … Yes
✔ Would you like to use Tailwind CSS? … Yes
✔ Would you like to use `src/` directory? … Yes
✔ Would you like to use App Router? (recommended) … No
✔ Would you like to customize the default import alias? … Yes
✔ What import alias would you like configured? … @/*