Skip to content

Divyamsharma-18/DFoodApp

Repository files navigation

🍔 DFoodApp — When Hunger Meets JavaScript

Welcome to DFoodApp — the place where your cravings get the respect they deserve 😤👏 No complicated UI. No "Sign up to continue." No push notifications asking for your kidney.

Just pure, instant food menu goodness.

Live Demo 🍱 → https://dfoodapp-by-divyam-sharma.netlify.app/


🤤 What is This?

A simple, clean and aesthetic food ordering UI concept. Think of it as Swiggy/Zomato's less dramatic, smol cousin who just believes in ✨ good vibes and clean layout ✨.

You can:

  • Browse menu items 🍕🍔🍟
  • See prices 💵
  • Pretend you're rich and add everything to cart 🛒
  • Actually not order anything (because this is a UI demo 😄)

🌮 Motivation

I was hungry.

That’s it.


✨ Features

  • 🍽️ Beautifully Listed Food Items
  • 🎨 Clean & Sharp UI (your eyes will thank you)
  • 🛒 Cart-like interaction (add → remove → regret → re-add)
  • 📱 Fully Responsive (works on laptop, tablet, or while lying sideways on bed)
  • ⚡ Fast & Lightweight (just like your patience when hungry)

🧠 Tech Stack

Ingredient Purpose
React.js The secret main ingredient 🌶️
CSS To make the UI look delicious 😋
JavaScript Sprinkled everywhere like oregano 🍃
Vite Because npm start was taking too long ⏱️

🚀 Live Taste Test

👉 https://dfoodapp-by-divyam-sharma.netlify.app/ Open it. Stare at the food. Cry because it's not real.


📦 Installation (For Chefs Who Want to Cook Locally)

# Clone the repo
git clone https://github.com/Divyamsharma-18/DFoodApp.git

# Move into the kitchen
cd DFoodApp

# Install ingredients
npm install

# Cook and serve
npm run dev

🗂️ Project Structure (Organized like a decent kitchen)

DFoodApp/
│── src/
│   │── components/     # Reusable UI Components
│   │── assets/         # Images of food that make you hungry
│   │── App.jsx         # Main dish
│   └── main.jsx        # App entry point
│── public/             # Public assets
└── package.json        # Ingredients list

🎨 UI Preview

(Add screenshot later — trust me, people's hunger will increase by 300%.)


👩‍🍳 Author (The Master Chef)

Divyam Sharma
🌐 Portfolio — https://divyamsharma.netlify.app
💻 GitHub — https://github.com/Divyamsharma-18
🐦 Twitter — https://x.com/Heydivyamsharma

Writes code like recipes — clear, clean, and occasionally spicy.


⭐ Support the Kitchen

If this app made you hungry or smile, drop a Star ⭐ on the repo.

It won’t order you food. But it will make the developer happy (which is basically the same thing).


💬 Final Words

Remember: Food comes and goes. But code? Code stays. (Unless you push to production on Friday.)

Bon Appétit! 🍽️🔥


Image