Skip to content

The food delivery application frontend project aims to replicate the user interface and functionality of popular platforms like Swiggy. This React-based single-page application will allow users to explore restaurants, view menus, place orders.

Notifications You must be signed in to change notification settings

himanshuKr7/FoodWallah

Repository files navigation

FoodWallah

FoodWallah is a food ordering application built using React.js, styled with Tailwind CSS, and managed with Redux Toolkit. The application fetches real-time restaurant data from the Swiggy API, allowing users to search for restaurants, view detailed menus, and add items to their cart. Additionally, it includes user authentication using Firebase and a live contact form for user inquiries and support.

Features

  • Real-time Restaurant Data: Integrated Swiggy API to fetch and display restaurant details, including area names, cuisine categories, and ratings.
  • Restaurant Search: Users can search for restaurants by name.
  • Detailed Menus: View menus with various dishes, including prices and descriptions.
  • Add to Cart: Easily add menu items to your cart.
  • User Authentication: Sign in and sign up functionality using Firebase.
  • Responsive Design: Fully responsive interface across all devices.
  • Live Contact Form: Users can send inquiries and support requests directly through the app.

Photos

image

image

image

image

image

image

Installation

Follow these steps to get a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

  • Node.js and npm installed on your machine.

Server Setup

  1. Clone the repository to your local machine:
    git clone https://github.com/himanshuKr7/FoodWallah.git
  2. Navigate to the server directory:
    cd server
  3. Install server dependencies:
    npm install
  4. Start the server:
    npm run dev
    The server will run on http://localhost:3001.

Frontend Setup

  1. Install frontend dependencies:
    npm install
  2. Start the frontend:
    npm run start
    The frontend will run on http://localhost:1234.

Usage

  • Open your browser and navigate to http://localhost:1234 to use the FoodWallah application.
  • Use the Sign In/Sign Up feature to create an account or log in.
  • Search for restaurants, browse menus, and add items to your cart.

Contributing

Contributions are welcome! Please fork the repository and submit a pull request.

Made With ❤ by Himanshu :)

About

The food delivery application frontend project aims to replicate the user interface and functionality of popular platforms like Swiggy. This React-based single-page application will allow users to explore restaurants, view menus, place orders.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published