eatzilla Tailwind Templates

Eatzilla

Food ordering web app built with React, Redux Toolkit, Tailwind CSS, and Swiggy API β€” delivering a seamless ordering experience with lazy loading and quick checkouts.

πŸ” Food Delivery App

A modern food delivery web application powered by React, TailwindCSS, Redux Toolkit, and Swiggy Real-Time API with performance optimization using Lazy Loading.

Food Delivery App Background

πŸš€ Tech Stack

  • React.js
  • TailwindCSS
  • Redux Toolkit
  • Swiggy Real-Time API
  • Lazy Loading

πŸ”‘ Features

  • πŸ• Real-Time Food Listings using Swiggy API
  • πŸ›’ Add to Cart Functionality
  • πŸ”„ Lazy Loading for Better Performance
  • 🌐 Dynamic Routing
  • πŸ’ͺ State Management using Redux Toolkit
  • πŸ“± Responsive Design

πŸ“Œ Project Setup

Prerequisites

Installation Steps

  1. Clone the Repository:
git clone https://github.com/your-repo/food-delivery-app.git
cd food-delivery-app
  1. Install Dependencies:
npm install
  1. Set Environment Variables: Create .env file in the root directory and add the following:
REACT_APP_SWIGGY_API_KEY=YOUR_SWIGGY_API_KEY
  1. Run the Project:
npm start

Access the app at http://localhost:3000.

🎯 How It Works

  1. Sign Up / Login
  2. Browse Food Listings in Real-Time
  3. Add Food Items to Cart
  4. Proceed to Checkout
  5. Enjoy Delicious Food! πŸ”πŸ•

πŸ“Œ Note

Ensure you have a valid Swiggy API key before running the project.

Bon Appétit! 🍽️

Top categories

tailwind logo

Need a Tailwind website built?

Hire a professional TailwindCSS developer today.
Loading Svelte Themes