https://github.com/ramkumar6813-git/tomato-food-order-app

Tomato - a food delivery react web app inspired from Swiggy.
https://github.com/ramkumar6813-git/tomato-food-order-app

javascipt react-hooks react-router reactjs tailwindcss

Last synced: 26 days ago
JSON representation

Tomato - a food delivery react web app inspired from Swiggy.

• Host: GitHub
• URL: https://github.com/ramkumar6813-git/tomato-food-order-app
• Owner: Ramkumar6813-git
• Created: 2025-06-19T15:00:21.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2025-06-19T15:17:11.000Z (12 months ago)
• Last Synced: 2025-06-19T16:27:04.768Z (12 months ago)
• Topics: javascipt, react-hooks, react-router, reactjs, tailwindcss
• Language: JavaScript
• Homepage: https://tomato-food-order-app.vercel.app
• Size: 10 MB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

# 🍅 Tomato - Food Delivery Web App

**Tomato** is a responsive food delivery web application inspired by platforms like Swiggy. Built with **React.js** and styled using **Tailwind CSS**, it delivers a smooth, intuitive UI for browsing restaurants, viewing menus, and managing orders—all on the frontend.

## 🚀 Features

- 🍽 Browse food items from different categories

- ➕ Add items to cart from different menus

- 🛒 View and update cart contents

- ♻️ Cart state management using Context API

- 💅 Fully responsive design with Tailwind CSS

- ⚡ Fast performance and seamless UI transitions

## 🛠 Tech Stack

- **React.js** – For building dynamic UI components

- **Tailwind CSS** – Utility-first CSS framework for styling

- **Context API** – Global state management for cart operations

## 📦 Installation

```bash

git clone https://github.com/your-username/tomato.git

cd tomato

npm install

npm run dev

```

## 📁 Project Structure

```bash

Tomato/

├── public/

├── src/        

    ├── assets/ 

│   ├── components/      # Reusable UI components

│   ├── context/         # Context API logic for cart

│   ├── pages/           # Main route pages

│   ├── App.js

│   └── index.js

│   └── index.js

├── tailwind.config.js

└── package.json

```

  📸 Screenshots

  ### 📱 Mobile View  

  [![Tomato Mobile](https://res.cloudinary.com/dtkpydgtx/image/upload/v1750342205/tomato-home-mobile_erkj6y.png)](https://res.cloudinary.com/dtkpydgtx/image/upload/v1750342205/tomato-home-mobile_erkj6y.png)

  ### 🖥️ Desktop View  

  [![Tomato Desktop](https://res.cloudinary.com/dtkpydgtx/image/upload/v1750342206/tomato-home-desktop_xorxlp.png)](https://res.cloudinary.com/dtkpydgtx/image/upload/v1750342206/tomato-home-desktop_xorxlp.png)

---

_Built with ❤️ using React and Tailwind CSS_