Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/himanshukr7/foodwallah

Online Food ordering application similar as Swiggy and live swiggy API for data flow over the application.(run the backend to see products in live link)
https://github.com/himanshukr7/foodwallah

firebase react swiggy-api tailwind

Last synced: 1 day ago
JSON representation

Online Food ordering application similar as Swiggy and live swiggy API for data flow over the application.(run the backend to see products in live link)

Host: GitHub
URL: https://github.com/himanshukr7/foodwallah
Owner: himanshuKr7
Created: 2024-08-01T19:37:40.000Z (4 months ago)
Default Branch: main
Last Pushed: 2024-09-06T16:30:07.000Z (2 months ago)
Last Synced: 2024-09-07T13:10:01.078Z (2 months ago)
Topics: firebase, react, swiggy-api, tailwind
Language: JavaScript
Homepage: https://food-wallah-ten.vercel.app/
Size: 263 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# 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](https://github.com/user-attachments/assets/df1454b6-381b-4560-944f-40a65efdf42b)

![image](https://github.com/user-attachments/assets/0a83f284-f77a-48f0-a182-2522e9e814be)

![image](https://github.com/user-attachments/assets/ba6098a4-6831-4ac0-8f4e-4994018852d2)

![image](https://github.com/user-attachments/assets/b1683432-7954-4cc8-a68f-7560083a6133)

![image](https://github.com/user-attachments/assets/abae8696-aba7-47e8-9edc-d63cba7e4e9e)

![image](https://github.com/user-attachments/assets/2c1e887a-9faf-46dd-ab4d-88fcd63f3c26)

## 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:
```bash
git clone https://github.com/himanshuKr7/FoodWallah.git
```
2. Navigate to the `server` directory:
```bash
cd server
```
3. Install server dependencies:
```bash
npm install
```
4. Start the server:
```bash
npm run dev
```
The server will run on `http://localhost:3001`.

### Frontend Setup

1. Install frontend dependencies:
```bash
npm install
```
2. Start the frontend:
```bash
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 :)