Skip to content

A modern full-stack food ordering web application built with Next.js 15, React 19, and TypeScript. Features include restaurant browsing, interactive menu selection, secure authentication with NextAuth, shopping cart functionality with real-time notifications, and order management. The responsive design uses Tailwind CSS and integrates with Prisma.

Notifications You must be signed in to change notification settings

Mkaify/Online-Food-Ordering-System

Repository files navigation

Food Ordering System

A full-stack food ordering application built with Next.js, TypeScript, Prisma, and NextAuth.js.

Features

  • 🍔 Browse restaurants and menus
  • 🛒 Add items to cart
  • 💳 Checkout process with confirmation
  • 📱 Responsive design for mobile and desktop
  • 👤 User authentication and profiles
  • 📊 Order tracking with automatic status updates
  • 🗑️ Order history management

Tech Stack

  • Frontend: Next.js, React, TypeScript, Tailwind CSS
  • Backend: Next.js API Routes, Prisma ORM
  • Database: PostgreSQL
  • Authentication: NextAuth.js
  • State Management: React Context API

Getting Started

Prerequisites

  • Node.js 18+ and npm
  • PostgreSQL database

Installation

  1. Clone the repository
git clone https://github.com/yourusername/food-ordering-system.git
cd food-ordering-system
  1. Install dependencies
npm install
  1. Set up environment variables Create a .env file in the root directory with the following variables:
DATABASE_URL="postgresql://username:password@localhost:5432/food_ordering"
NEXTAUTH_SECRET="your-secret-key"
NEXTAUTH_URL="http://localhost:3000"
  1. Initialize the database
npx prisma migrate dev
npx prisma db seed
  1. Run the development server
npm run dev
  1. Open http://localhost:3000 with your browser to see the application.

Screenshots

Register

Home

Restaurants

Spicy Indian

Added to Cart

Cart

Checkout

Confirmation

Success

Orders

Order Details

Profile

License

MIT

Acknowledgments

  • Thanks to all the open-source libraries that made this project possible

About

A modern full-stack food ordering web application built with Next.js 15, React 19, and TypeScript. Features include restaurant browsing, interactive menu selection, secure authentication with NextAuth, shopping cart functionality with real-time notifications, and order management. The responsive design uses Tailwind CSS and integrates with Prisma.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published