digyk/zinger

Food ordering website for Zinger restaurant built using Next.js, TailwindCSS, Redux, Mongodb

Zinger

Food ordering website for Zinger restaurant built using Next.js, TailwindCSS, Redux, Mongodb

Demo

https://zinger.vercel.app

Screenshots

Features

• Responsive
• Real Time and Dynamic
• Progressive Web App (PWA)
• Payment Gateway integration
• Admin Dashboard with functionalities like adding products, deleting a product, updating products, adding a category, viewing users registered, updating order status, and canceling orders.
• State management using Redux
• Google authentication
• Track order status real time
• Cancel orders

Run Locally

Clone the project

  git clone https://github.com/Pinqua/Zinger.git

Go to the project directory

  cd Zinger

Install dependencies

  npm install

Create a .env.local file inside project directory with fields given below.

  # Authentication
  GOOGLE_ID=
  GOOGLE_SECRET=

  # Need to add this to... google cloud
  # http://localhost:3000/api/auth/callback/google


  NEXTAUTH_URL=http://localhost:3000


  HOST=http://localhost:3000


  # Stripe
  STRIPE_PUBLIC_KEY=
  STRIPE_SECRET_KEY=


  # Stripe Terminal/CLI
  STRIPE_SIGNING_SECRET=

  # Testing Webhook
  # stripe listen --forward-to localhost:3000/api/webhook


  # Mongodb Database
  # Use mongodb connection url with driver node.js and version 2.2.12 or later
  MONGODB_URI=
  # Your database name
  MONGODB_DB=
  # Add monogdb connection url 
  MONGO_URI=

Start the server

  npm run dev

Stripe Payment Gateway

Test Stripe payment gateway with these card details.

  BRAND - VISA
  CARD NUMBER - 4242424242424242
  CVC - Any 3 digits
  DATE - Any future date

See details: https://stripe.com/docs/testing

Contributing

Contributions are always welcome!

License

MIT

If you liked the repository, show your ❤️ by starring and forking it.