Responsive Online Food Delivery Services Website with HTML CSS and Javascript

SdĂ­let
VloĆŸit
  • čas pƙidĂĄn 16. 07. 2024
  • Responsive Online Food Delivery Services Website with HTML CSS and Javascript
    This video shows you how to make a responsive online food delivery services webite template page using only HTML CSS Javascript. This is the mobile-friendly admin dashboard that can be implemented on your website. This video will show you step by step that can be followed by beginner to build responsive delivery order dashboard template page only using HTML CSS and Javacript
    Subscribe to the channel :
    👉 czcams.com/users/PotentialWe...
    -------------------------------------------------------------
    Source Code :
    👉www.buymeacoffee.com/PotWebco...
    -------------------------------------------------------------
    Timestamps:
    0:00 Intro
    6:03 HTML CSS Configuration
    10:26 Sidebar Menu
    18:45 Main Section
    19:06 Main Navbar (Searc Bar, Shopping Cart, User)
    27:56 Recommendation Menu
    38:35 Filter Menu Category
    49:30 List of Food
    01:03:13 Mobile View CSS
    01:05:18 Javascript
    -------------------------------------------------------------
    More Videos:
    ▶ Dashboard Food Delivery Services using HTML and CSS only | Dashboard Admin : ‱ Dashboard Food Delive...
    ▶Responsive Job Portal Website page using HTML CSS and Javascript | Online Job Vacancy : ‱ Responsive Job Portal ...
    ▶ Responsive Admin Dashboard Template using HTML and CSS only | Payment Dashboard: ‱ Responsive Dashboard W...
    ▶ Responsive Website Coffee Shop with HTML CSS and JavaScript | Food Delivery Website : ‱ Responsive Coffee Shop...
    ▶ Responsive Online Job Portal Website using HTML CSS and Javascript | Job Vacancy : ‱ Responsive Online Job ...
    -------------------------------------------------------------
    Font: Open sans
    Icons: Ion Icon
    Image: Unsplash
    ------------------------------------------------------------
    tags:
    #dashboard #responsivedashboard #admindashboard #dashboardpage #dashboardtemplate #dashboardpanel #fooddelivery #foodorder #onlinedelivery #foodordering
    Keywords
    ==========================================
    admin dashboard html css,
    admin dashboard,
    responsive admin dashboard html css,
    responsive admin panel,
    responsive admin dashboard,
    responsive admin dashboard menu layout,
    responsive admin theme,
    website design,
    potential webcode,
    css animation,
    responsive website,
    admin template,
    website project,
    web development,
    project work designs,
    responsive website using html and css,
    html css tutorial for beginner,
    html admin template,
    css grid admin template,
    css grid admin layout,
    html css admin,
    responsive admin dashboard template html css,
    dashboard template,
    admin page,
    admin page html css,
    potentialwebcode,
    dashboard
    food delivery dashboard,
    food delivery services,
    food delivery order,
    food order dashboard,
    delivery order dashboard,
    responsive delivery dashboard,
    online food delivery,
    restaurant website,
    online food order,
    sidebar,
    responsive sidebar website,
    responsive food delivery services,
    responsive food order website,
    responsive restaurant website,
    restaurant template website,
    restaurant website html css javascript,
    how to make food delivery website using html and css
    online food ordering system html code
    food delivery website html css javascript,
    food ordering website
    food ordering website using html and css,
    responsive website html css javascript,
    html project,
    css project,
    javascript project

Komentáƙe • 33

  • @user-hf7ro5yq3s
    @user-hf7ro5yq3s Pƙed 7 měsĂ­ci

    does the add to cart button work?

  • @mochimochi898
    @mochimochi898 Pƙed 4 měsĂ­ci +1

    hi can you please make or drop the complete vid like make an log in form first before that cause how can the log out work, and also the ordering process and etc. hehe ty

  • @paushalidasgupta5756
    @paushalidasgupta5756 Pƙed 7 měsĂ­ci

    Do you have the backend code of Javascript??

  • @McDonaldChimankpa
    @McDonaldChimankpa Pƙed 7 měsĂ­ci

    What about the images you used was not provided

  • @McDonaldChimankpa
    @McDonaldChimankpa Pƙed 7 měsĂ­ci +1

    I mean the icon menu

  • @cdl9044
    @cdl9044 Pƙed 3 měsĂ­ci

    peux-tu faire un cour sur l'ajout des produits sur le panier et la validation stp

  • @leandrohenrique6056
    @leandrohenrique6056 Pƙed 9 měsĂ­ci

    â€đŸ˜Š

  • @stringers4441
    @stringers4441 Pƙed 4 měsĂ­ci

    is this mobile app or web base

  • @cosimoarchi
    @cosimoarchi Pƙed 10 měsĂ­ci +1

    Can you also make a superadmin to create restaurants and manage everything receiving orders etc? How does the whole ecosystem connect, how would you structure a database?

    • @PotentialWebCode
      @PotentialWebCode  Pƙed 5 měsĂ­ci +3

      Sure, I will try to create it

    • @astuces.tech2.0
      @astuces.tech2.0 Pƙed 3 měsĂ­ci

      @@PotentialWebCode Did you create it or not yet ?

    • @PotentialWebCode
      @PotentialWebCode  Pƙed 3 měsĂ­ci +1

      Checkout my new video, it's part 2 for add to cart and shopping cart part

  • @torcatoaraujods
    @torcatoaraujods Pƙed 5 měsĂ­ci

    Demo??

  • @olaayoschool2499
    @olaayoschool2499 Pƙed 6 měsĂ­ci +1

    Please a part 2 with how to add cart both the html and javascript thanks

    • @PotentialWebCode
      @PotentialWebCode  Pƙed 6 měsĂ­ci +1

      Sure, I am working with this kind of video. Stay tuned!

    • @GREEN_ECSTASY
      @GREEN_ECSTASY Pƙed 4 měsĂ­ci

      Plz do it

    • @PotentialWebCode
      @PotentialWebCode  Pƙed 3 měsĂ­ci +2

      Checkout my new video, it's additional add cart that you requested

    • @francis_js
      @francis_js Pƙed 26 dny +1

      @@PotentialWebCode thank you, from Brazil! Amazing work. :^)

  • @discovery6136
    @discovery6136 Pƙed 6 měsĂ­ci

    Hey can you give us the css file and the html and the pictures used

    • @PotentialWebCode
      @PotentialWebCode  Pƙed 6 měsĂ­ci

      you can find the link on description of this video

  • @newellealecquiambao4326
    @newellealecquiambao4326 Pƙed 5 měsĂ­ci

    is there a part 2 for the add to cart??

    • @PotentialWebCode
      @PotentialWebCode  Pƙed 5 měsĂ­ci

      Sure, please wait for part 2 of the video to to add the item to the cart. I'm still in the process of creating it. Stay tuned!

    • @PotentialWebCode
      @PotentialWebCode  Pƙed 3 měsĂ­ci

      Checkout my new video, its the add to cart

  • @ayeshafatima_ch2
    @ayeshafatima_ch2 Pƙed 9 měsĂ­ci

    Do we have to type a code for email or contact while placing an order?
    And my JavaScript code is not running in the browser just like yous is.
    Plz help me

    • @PotentialWebCode
      @PotentialWebCode  Pƙed 9 měsĂ­ci

      What do you mean by email and contact?
      And have you already add library javascript on your html file?

    • @ayeshafatima_ch2
      @ayeshafatima_ch2 Pƙed 9 měsĂ­ci

      @@PotentialWebCode My JavaScript code is not running in the browser

    • @PotentialWebCode
      @PotentialWebCode  Pƙed 9 měsĂ­ci

      Have you try using another browser?

    • @ayeshafatima_ch2
      @ayeshafatima_ch2 Pƙed 9 měsĂ­ci

      1-how can upload on google ?
      2-when it upload on google can we take a order.@@PotentialWebCode

  • @amangond3186
    @amangond3186 Pƙed 2 dny

    my javascript file is not running in browser . help!!!!!

    • @PotentialWebCode
      @PotentialWebCode  Pƙed dnem

      which part not working? have you already linked the js file to html file?

  • @chanelc4389
    @chanelc4389 Pƙed 11 měsĂ­ci

    Link download source code nya bang