mladenovic-13 / delivery-app

Full-stack NextJS Application for food delivery restaurant. PayPal and credit card payment integration. Custom made auth process.

Home Page:https://delivery-app-six.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Bergamo Pizza Delivery

Screenshot 2022-06-07 at 21.45.31.png

This pizza delivery application is intended for the client but with additional options for the admin.

Built With

  • Next.js
  • React.js
  • Redux
  • Styled-Components
  • TailwindCSS (twin.macro)
  • MongoDB (mongoose)
  • Axios, Cookie, etc

Product Page


The user can choose the pizza size, toppings, and quantity on this page. He then adds the pizza to the cart. When he has finished adding, he orders it by going to the cart page.

Screenshot 2022-06-07 at 21.46.39.png

Cart Page


This page shows the user the products he added to the cart. Users can make payments via PayPal and credit cards.

  • PayPal API (You can try it with a Sandbox PayPal account

Screenshot 2022-06-07 at 21.48.00.png

Screenshot 2022-06-07 at 21.48.48.png

  • If the payment is successful, the user is redirected to the tracking page of his order.

Screenshot 2022-06-07 at 21.49.21.png

Admin Page


Through this admin panel, you can control the current products, as well as change the status of the order (Preparing, On the way, Delivered)

Screenshot 2022-06-07 at 21.49.45.png

By refreshing the browser, the user can see the status changes.

Screenshot 2022-06-07 at 21.50.20.png

If you have logged in as an admin, a button to add a new product will appear on the home page.

Screenshot 2022-06-07 at 21.50.47.png

::Created by Mladenovic13 (Nikola Mladenovic)::

About

Full-stack NextJS Application for food delivery restaurant. PayPal and credit card payment integration. Custom made auth process.

https://delivery-app-six.vercel.app


Languages

Language:JavaScript 87.4%Language:CSS 12.3%Language:Shell 0.3%