Meal ordering app for restaurant

Description

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??".

Motivated

The purpose of this app is to be familiar with GraphQl and Zustand.

What I used

Frontend (package.json)

• Next cloudinary(How to use with React)
• firebase
• Zustand

Backend (package.json)

• firebase admin sdk
• GraphQL

Getting Started

by trying Demo

Demo page

## Login information 
Email: [email protected]
Password: admin123456789

By Cloning this repository

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

set up a frontend server

• 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}\"" 

set up a backend server

$ cd backend
$ npm install && npm run dev

Initializing the application

✔ 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? … @/*