48 results found

1. food

   "Create a responsive, single-page food delivery application like Zomato or Swiggy using only HTML, CSS, and JavaScript (no frameworks). The app should simulate user interaction and have dynamic UI updates using JavaScript. Include the following features divided into key modules:

   ---

   🧑‍🍳 1. Home Page & Restaurant Listing

   A header navbar with logo, search bar, login button

   A location selector (dropdown or modal)

   A carousel/banner section for promotions

   Display a list of restaurants with:

   Restaurant Name

   Ratings & Reviews

   Cuisine Tags (e.g., Indian, Chinese, Pizza)

   Estimated Delivery Time

   Restaurant Image

   Use JavaScript to load restaurant data from a local mock JSON or JS array.

   ---

   📜 2. Restaurant Details & Menu View

   When a user clicks on a restaurant card:

   Open a new section/modal with:

   Restaurant name, image, ratings

   Dynamic food menu list categorized by type (e.g., Starters, Main Course, Desserts)

   Each item should show:

   Item name

   Price

   Short description

   “Add to Cart” button

   Data should be loaded dynamically using JavaScript.

   ---

   🛒 3. Cart System (Client-side using JS)

   Add/remove food items from cart using buttons

   Display total price, quantity, and list of added items

   Add “Place Order” button (which simulates order placed)

   Cart should be a popup or side panel

   Use localStorage to persist cart data on page reload

   ---

   👤 4. User Authentication Simulation

   Simple modal for login/signup with email & password

   Use localStorage to simulate user login session

   After login, show user icon and name instead of login button

   ---

   🛍 5. Order History (Optional Advanced)

   Store placed orders in localStorage

   Display past orders on a separate section with date, items, and total amount

   ---

   ⚙ 6. Admin Simulation (Basic)

   A hidden admin page that can:

   Add/edit restaurant info

   Add/edit menu items

   View order stats (from stored data)

   Use basic form inputs and localStorage to simulate updates.

   ---

   🎨 UI & Styling

   Use clean and modern CSS

   Make it fully responsive for mobile and desktop

   Use CSS grid/flexbox for layout

   Include hover effects, transitions, and popups

   ---

   💡 Technical Constraints

   No external JS frameworks like React/Vue

   Only vanilla JavaScript, HTML, and CSS

   Use localStorage for storing:

   Cart

   User session

   Order history

   Mock restaurant data

   Use modular JavaScript (functions for each action)

   ---

   📦 Output Files:

   Structure your files like this:

   /food-app/
   │
   ├── index.html
   ├── style.css
   ├── script.js
   ├── /assets/
   │ ├── images/
   │ └── icons/
   └── /data/
   └── mockRestaurants.js

   ---

   ✅ Bonus Feature Ideas (Optional):

   Rating/feedback system

   Search filter (by rating, cuisine, time)

   Pagination or infinite scroll

   Order tracking steps (like “Preparing”, “Out for Delivery”, “Delivered”)

   Delivery partner mock profile

   ---

   ✅ Example Usage:

   👉 You can feed this prompt directly to ChatGPT or Copilot:

   "Generate a single-page food delivery web app using HTML, CSS, and JavaScript with restaurant listing, dynamic menu, cart system with localStorage, and order placement simulation."

   "Create a responsive, single-page food delivery application like Zomato or Swiggy using only HTML, CSS, and JavaScript (no frameworks). The app should simulate user interaction and have dynamic UI updates using JavaScript. Include the following features divided into key modules:

   ---

   🧑‍🍳 1. Home Page & Restaurant Listing

   A header navbar with logo, search bar, login button

   A location selector (dropdown or modal)

   A carousel/banner section for promotions

   Display a list of restaurants with:

   Restaurant Name

   Ratings & Reviews

   Cuisine Tags (e.g., Indian, Chinese, Pizza)

   Estimated Delivery Time

   Restaurant Image

   Use JavaScript to load restaurant data from a local mock JSON… more

   3 votes

   Vote Vote Vote

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   Vote

   We’ll send you updates on this idea

   0 comments  ·  Hosting  ·  Delete…  ·  Admin →
   How important is this to you?

   Not at all You must login first! Important You must login first! Critical You must login first!

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   Submit Rating

2. Allow specifying number of stored releases when creating a preview channel

   Preview channels by default store 10 previous releases per channel. When running firebase hosting:channel:create there is the --expires option to set when the channel expires, but there is no option to tell firebase how many previous releases to store.

   In my case I don't need previous releases at all, and the extra storage is completely unneeded and makes us hit the quota earlier.

   2 votes

   Vote Vote Vote

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   Vote

   We’ll send you updates on this idea

   0 comments  ·  Hosting  ·  Delete…  ·  Admin →
   How important is this to you?

   Not at all You must login first! Important You must login first! Critical You must login first!

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   Submit Rating

3. Add windows...
   1 vote

   Vote Vote Vote

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   Vote

   We’ll send you updates on this idea

   0 comments  ·  Hosting  ·  Delete…  ·  Admin →
   How important is this to you?

   Not at all You must login first! Important You must login first! Critical You must login first!

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   Submit Rating

4. Make Preview Channel URLs predictable or reusable.

   We are looking for a way to create predictable preview URLs for our Firebase Hosting preview channels. We require this functionality to whitelist these URLs for accessing a Cloud CDN authenticated content bucket. Currently, the preview channel URLs generated by Firebase Hosting include a random hash (SITEID--CHANNELID-RANDOM_HASH.web.app), which makes them unpredictable.

   The solutions we have devised include:

   • Replace the random hash for something like https://<PROJECT_ID>--pr-<PULL_REQUEST_NUMBER>.web.app
   • Make the preview channel URL persistent when deploying new versions.
   5 votes

   Vote Vote Vote

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   Vote

   We’ll send you updates on this idea

   0 comments  ·  Hosting  ·  Delete…  ·  Admin →
   How important is this to you?

   Not at all You must login first! Important You must login first! Critical You must login first!

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   Submit Rating

5. Updates ESLint to V9

   The current version of ESLInt is V8 - Update it to V9

   2 votes

   Vote Vote Vote

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   Vote

   We’ll send you updates on this idea

   0 comments  ·  Hosting  ·  Delete…  ·  Admin →
   How important is this to you?

   Not at all You must login first! Important You must login first! Critical You must login first!

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   Submit Rating

6. Hosting should preserve the client's IP address when proxying to Cloud Run

   When using hosting with rewrites to Cloud Run (e.g., routing all requests to /api/** to a Cloud Run container), the clientIp always reflects the IP address of a Google server rather than the actual client’s IP address. As a result, filtering incoming requests by IP address in the logs viewer becomes impossible.
   It would be great if the x-forwarded-for header could be used to populate this field instead.

   4 votes

   Vote Vote Vote

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   Vote

   We’ll send you updates on this idea

   0 comments  ·  Hosting  ·  Delete…  ·  Admin →
   How important is this to you?

   Not at all You must login first! Important You must login first! Critical You must login first!

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   Submit Rating

7. Offer no bill in case of small website spam which could cause a houndred dollar bill for no reason.

   When I chose to use Firebase. It was because it was a free database for small webpages with 10 SMS/day. Now, it seems that you changed the terms when I already put a lot of effort into using firebase. Now I need to use a Blaze plan for 10 SMS/day. This means the following: "Now I might get spammed by any hacker using a VNP + a bot". It doesnt matter how much time I spend on setting up anti-spam defense. I could still get spammed and have to pay thousands of dollars right? I have 2 solutions:

   1. You could offer me the previous terms: 10 SMS/day without a pay-as-you go plan.
   2. I use the pay-as-you go plan. But You need to sign a contract or a guarantee that if I suddenly get a 1000 dollar paycheck even though I only have about 1 user/day, I shouldnt have to pay that bill.

   Is this possible? This would make sense for all your small-business customers since firebase WAS a good options for small website startups before.

   regards Melker

   When I chose to use Firebase. It was because it was a free database for small webpages with 10 SMS/day. Now, it seems that you changed the terms when I already put a lot of effort into using firebase. Now I need to use a Blaze plan for 10 SMS/day. This means the following: "Now I might get spammed by any hacker using a VNP + a bot". It doesnt matter how much time I spend on setting up anti-spam defense. I could still get spammed and have to pay thousands of dollars right? I have 2 solutions:

   1. You could… more
   1 vote

   Vote Vote Vote

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   Vote

   We’ll send you updates on this idea

   0 comments  ·  Hosting  ·  Edit…  ·  Delete…  ·  Admin →
   How important is this to you?

   Not at all You must login first! Important You must login first! Critical You must login first!

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   Submit Rating

8. VENDORS and Developer illegal claims of software

   AAll Windows, PS4, PS5, XONE, XSXS online cost for play online games are starting at $10 up to 200 . The cost per hour online will cost 5 and hour. Where counting down the amount of hour children are allowed to play or Regulating these Councils because you don't learn anything from these game . We planning on adding a military testing 2 player shooting mode online for Educational purposes. These Simulator are binary military development platforms that civilian that unlisted one year in basic training get use those Simulator for team training Exercise . Cost for Devops package will go out to development community hackerone community and acme can marge together to split the testing . My name is warith akbar lead and owner of this package. Goal is to make military package build that can marry to are armed forces as at base or home live Sim location target Send my later simulators

   AAll Windows, PS4, PS5, XONE, XSXS online cost for play online games are starting at $10 up to 200 . The cost per hour online will cost 5 and hour. Where counting down the amount of hour children are allowed to play or Regulating these Councils because you don't learn anything from these game . We planning on adding a military testing 2 player shooting mode online for Educational purposes. These Simulator are binary military development platforms that civilian that unlisted one year in basic training get use those Simulator for team training Exercise . Cost for Devops package will… more

   2 votes

   Vote Vote Vote

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   Vote

   We’ll send you updates on this idea

   0 comments  ·  Hosting  ·  Delete…  ·  Admin →
   How important is this to you?

   Not at all You must login first! Important You must login first! Critical You must login first!

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   Submit Rating

9. Disable build script in `firebase deploy` OR enable env configurations

   Right now there's not the ability to select a build configuration. I want that either firebase leaves to the developers the option to build the app, or that a developer can instruct firebase to use a specific build configuration.

   3 votes

   Vote Vote Vote

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   Vote

   We’ll send you updates on this idea

   0 comments  ·  Hosting  ·  Delete…  ·  Admin →
   How important is this to you?

   Not at all You must login first! Important You must login first! Critical You must login first!

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   Submit Rating

10. Site Not Found

    i have deployed and when i try to go on default site i see site not found

    1 vote

    Vote Vote Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    Close

    Close

    Vote

    We’ll send you updates on this idea

    0 comments  ·  Hosting  ·  Edit…  ·  Delete…  ·  Admin →
    How important is this to you?

    Not at all You must login first! Important You must login first! Critical You must login first!

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    Close

    Close

    Submit Rating

11. Allow a function to set the headers of a hosting endpoint dynamically

    Right now there does not seem to be a way to dynamically set the headers of a hosting response using a function.

    Among other things, this makes it impossible to use a nonce.

    1 vote

    Vote Vote Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    Close

    Close

    Vote

    We’ll send you updates on this idea

    0 comments  ·  Hosting  ·  Edit…  ·  Delete…  ·  Admin →
    How important is this to you?

    Not at all You must login first! Important You must login first! Critical You must login first!

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    Close

    Close

    Submit Rating

12. dynamic robots.txt and favicon

    Add capability to dynamically change robots.txt and favicon. The current behavior returns 404.

    5 votes

    Vote Vote Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    Close

    Close

    Vote

    We’ll send you updates on this idea

    0 comments  ·  Hosting  ·  Delete…  ·  Admin →
    How important is this to you?

    Not at all You must login first! Important You must login first! Critical You must login first!

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    Close

    Close

    Submit Rating

13. BlackList for Hosting

    Please block access from this UserAgent.
    "Bytespider; spider-feedback@bytedance.com"

    3 votes

    Vote Vote Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    Close

    Close

    Vote

    We’ll send you updates on this idea

    0 comments  ·  Hosting  ·  Delete…  ·  Admin →
    How important is this to you?

    Not at all You must login first! Important You must login first! Critical You must login first!

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    Close

    Close

    Submit Rating

14. Secure Transport Layer Implementation

    The "Secure Transport Layer Implementation" idea centers around fortifying the application's transport layer to mitigate vulnerabilities, particularly the risk of insufficient protection against attacks like POODLE. This vulnerability exposes the application to potential exploits, compromising the confidentiality and integrity of data exchanged between the application and its users.

    Insufficient transport layer protection opens the door to various security threats, including man-in-the-middle attacks, data interception, injection of malicious content, and communication redirection. These threats undermine the trustworthiness of the application and jeopardize user data security.

    To address this vulnerability effectively, it's imperative to reinforce the application's transport layer security by implementing robust encryption protocols and disabling weak ciphers susceptible to known exploits. By enhancing the strength of encryption and ensuring compliance with industry best practices, the application can bolster its defenses against potential attacks and safeguard sensitive data transmission.

    The "Secure Transport Layer Implementation" idea centers around fortifying the application's transport layer to mitigate vulnerabilities, particularly the risk of insufficient protection against attacks like POODLE. This vulnerability exposes the application to potential exploits, compromising the confidentiality and integrity of data exchanged between the application and its users.

    Insufficient transport layer protection opens the door to various security threats, including man-in-the-middle attacks, data interception, injection of malicious content, and communication redirection. These threats undermine the trustworthiness of the application and jeopardize user data security.

    To address this vulnerability effectively, it's imperative to reinforce the application's transport layer security by implementing… more

    14 votes

    Vote Vote Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    Close

    Close

    Vote

    We’ll send you updates on this idea

    0 comments  ·  Hosting  ·  Delete…  ·  Admin →
    How important is this to you?

    Not at all You must login first! Important You must login first! Critical You must login first!

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    Close

    Close

    Submit Rating

15. Full-stack preview channels

    Hosting preview channels are great, and work well for client-side code, however for full-stack apps that require a server (either for SSR or API routes), the preview channel uses to the 'main' server as a backend. It would be great if the server side code also got deployed to a new firebase function and was managed alongside the hosting preview.

    3 votes

    Vote Vote Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    Close

    Close

    Vote

    We’ll send you updates on this idea

    0 comments  ·  Hosting  ·  Delete…  ·  Admin →
    How important is this to you?

    Not at all You must login first! Important You must login first! Critical You must login first!

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    Close

    Close

    Submit Rating

16. Firebase hosting timeout should be configurable

    I am using cloud run to and firebase hosting to have a custom domain to access my application.

    I know Firebase doc mentions :
    Firebase Hosting is subject to a 60-second request timeout. If your app requires more than 60 seconds to run, you'll receive an HTTPS status code 504 (request timeout).

    But I need to increase this timeout, since my cloud run app has a function to process data and write to an excel that can take up to 3mn.

    2 votes

    Vote Vote Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    Close

    Close

    Vote

    We’ll send you updates on this idea

    0 comments  ·  Hosting  ·  Delete…  ·  Admin →
    How important is this to you?

    Not at all You must login first! Important You must login first! Critical You must login first!

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    Close

    Close

    Submit Rating

17. Support yarn and/or pnpm for frameworks

    Currently frameworks only used npm

    This can cause issues if using yarn or pnpm, and npm does not read the lockfile and you can end up with different versions of dependencies in production

    Deployments with frameworks should detect the package manager used

    3 votes

    Vote Vote Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    Close

    Close

    Vote

    We’ll send you updates on this idea

    0 comments  ·  Hosting  ·  Delete…  ·  Admin →
    How important is this to you?

    Not at all You must login first! Important You must login first! Critical You must login first!

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    Close

    Close

    Submit Rating

18. The ability to turn on/off the decoding of encoded data url in firebase.json

    When I hosted a frontend client (React JS) and backend (NodeJS) server in hosting and functions combination, there were some scenarios where in I needed to send data (to server) which contained slash (so encoded them).

    This was where the problem rose, the encoded component was automatically decoded by the firebase hosting itself and sent the wrong url to the underlying server.

    Therefore firebase should give us the ability to turn on/off the decoding of encoded data url in firebase.json

    my current firebase.json file -

    {
    "functions": [
    {
    "source": "functions",
    "codebase": "default",
    "ignore": [
    "nodemodules",
    ".git",
    "firebase-debug.log",
    "firebase-debug..log"
    ]
    }
    ],
    "hosting": {
    "public": "/functions/public",
    "ignore": [
    "firebase.json",
    "/.",
    "**/nodemodules/"
    ],
    "rewrites": [
    {
    "source": "",
    "function": "app"
    }
    ]
    }
    }

    When I hosted a frontend client (React JS) and backend (NodeJS) server in hosting and functions combination, there were some scenarios where in I needed to send data (to server) which contained slash (so encoded them).

    This was where the problem rose, the encoded component was automatically decoded by the firebase hosting itself and sent the wrong url to the underlying server.

    Therefore firebase should give us the ability to turn on/off the decoding of encoded data url in firebase.json

    my current firebase.json file -

    {
    "functions": [
    {
    "source": "functions",
    "codebase": "default",
    "ignore": [
    "nodemodules",
    ".git",
    "firebase-debug.log",
    "firebase-debug.… more

    3 votes

    Vote Vote Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    Close

    Close

    Vote

    We’ll send you updates on this idea

    0 comments  ·  Hosting  ·  Delete…  ·  Admin →
    How important is this to you?

    Not at all You must login first! Important You must login first! Critical You must login first!

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    Close

    Close

    Submit Rating

19. Manage minInstances setting of pinned functions of previous releases

    Pinned functions of previous releases keep their minInstances setting. E.g. after deploying 10 times with a minInstances setting of 1, there will be 10 idling instances but only the newest revision handles all the traffic. Yet the remaining 9 instances' idle time is billed as well because the function is still addressable through the revision tag.

    This also affects the maxInstances setting: With a maxInstances setting of 10, the newest Cloud Run revision which handles 100% of the traffic won't be able to scale anymore.

    As far as I know, the only way to handle this right now is to manually delete the Cloud Run revisions or to manually remove the revision tag. Both methods unfortunately break the rollback functionality and are complicated (if even impossible?) to integrate into CD pipelines.

    I would appreciate the possibility of automatically scaling down pinned v2 function revisions that don't handle any traffic to a minInstances setting of 0.

    Pinned functions of previous releases keep their minInstances setting. E.g. after deploying 10 times with a minInstances setting of 1, there will be 10 idling instances but only the newest revision handles all the traffic. Yet the remaining 9 instances' idle time is billed as well because the function is still addressable through the revision tag.

    This also affects the maxInstances setting: With a maxInstances setting of 10, the newest Cloud Run revision which handles 100% of the traffic won't be able to scale anymore.

    As far as I know, the only way to handle this right now is to… more

    5 votes

    Vote Vote Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    Close

    Close

    Vote

    We’ll send you updates on this idea

    0 comments  ·  Hosting  ·  Delete…  ·  Admin →
    How important is this to you?

    Not at all You must login first! Important You must login first! Critical You must login first!

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    Close

    Close

    Submit Rating

20. Pass all cookies to Cloud Functions or Cloud Run

    Right now only a _session Cookie is passed.
    https://firebase.google.com/docs/hosting/manage-cache#usingcookies

    5 votes

    Vote Vote Vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    Close

    Close

    Vote

    We’ll send you updates on this idea

    0 comments  ·  Hosting  ·  Delete…  ·  Admin →
    How important is this to you?

    Not at all You must login first! Important You must login first! Critical You must login first!

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    Close

    Close

    Submit Rating