Food ordering project

About

This project is a full stack Next.js application designed to facilitate the ordering of food and drinks.
It integrates both frontend and backend functionalities.

The application allows users to:

• Login via Google or Facebook provider
• Browse Menu
• List featured products
• Use cart and order products

Administrators can:

Same as users +

• Delete or add products
• See orders and change their status

Features

• User Authentication: Implemented using NextAuth
• Database: PostgreSQL, prisma
• Responsive Design

Technical Details

• Technologies Used: React hooks(use State, useRef, useEffect), custom hooks(AuthProvider, QueryProvider, useAddProduct)
• Database: PostgreSQL
• Authenticaton: Nextauth.js (Google and Facebook Provider)
• Data Fetching: ReactQuery
• Global State Managment: Zustang
• ORM (Object-Relational Mapping): Prisma

Pages

Login Page

Home Page

Menu Page

Category Page

Orders Page

Single Product Page

Cart Page

Add Product Page