Food Ordering App

Food Ordering App like Zomato and Swiggy

This App Divided into two parts

1. Client Folder : Frontend Based on React,Redux Toolkit(RTK) and Other React UI Libararies.
   

2. Server Folder : Backend Based on Node and Stripe payment Gateway Running on The Server.
   

Locally Hosted Link : https://fooddeliverybyrk.netlify.app/

Setup

Client Folder : Front-end

Install the Node Module Folder : npm install

Run Command : npm run dev

Create .env file and put configure

VITE_SUPABASE_URL=YOUR_BASE_URL_WILL_HERE

VITE_SUPABASE_KEY=YOUR_API_KEY_WILL_HERE

Server Folder : Back-end

Install the Node Module Folder : npm install

Server Start : npm start

Create .env file and put configure

STRIPE_SECRET=YOUR_API_KEY_WILL_HERE

Dummy Login Credentials

email : [email protected] & Password : 123456

Features

• Home Page (is user !authorised)
  • Signin/Signup Page -SignInForm / SignUpForm
• Browse Page
  • Navbar
  • What's On Your Mind
  • Top Restaurants Chains
  • Restaurants Info
  • Reastaurant Menu
  • Search (Restaurants & Dishes)
  • Cart Page
  • Orders Page
  • Search Nearby Restaurants using Location
  • Checkout (payment Gateway Integration)
• Functionality
  • Theme Swithcer
  • Add to Cart
  • Search
  • Browse Menu
• BackEnd - Stripe

React UI Libraries

Tailwind UI

Shadcn UI

Next UI

Headless UI

Prime React UI

Authorisation Page

Shimmer Ui Effect

Home Page

Search Location Functionality

Search Restaurants & Dishes Functionality

Menu Page

Add to Cart

Stripe Checkout Page

💖 Support This Project

Thank you for taking the time to explore Food Ordering App.This project represents an in-depth implementation of features extracted from the inspiring course "Namaste-React" by Akshay Saini. It's been a rewarding journey, and I'm genuinely grateful for the opportunity to create and share this with the community.

I want to express my heartfelt thanks to everyone who has shown interest and provided feedback. Your support and involvement mean a lot to me.

If you have any questions, suggestions, or just want to connect, feel free to reach out.

🙏 Thank You 🙏

Feel free to modify it to suit the tone and style of your project. The goal is to encourage participation, collaboration and learning.

Made with ❤️ and React.