DEMO : Modern E-Commerce: Laravel, Vue.js, Inertia.js, and Tailwind CSS 2023

today I'm going to show you a demo which I'm going to make a series of e-commerce website using laravel as a backend for the front end I will use vgs with T1 CSS and and the inertia GS2 to manage the Chrome theater instead of using view X State Management free management package so um so I will go to show you the demo this is the home page we we were going we will see Elixir product with a limit of eight item here if you wish to view all the product you can view all the products if there is no image no image available is here I already validate for this um if you want to um fader but this brand and category are not related with this product but it is the example theater so you can edit the brandator and category data this or the dynamic is not study data so no problem so if I click on the Nike so all the brand related to this brand of the price where we list here so if I click on a man so all the category of demand will be list okay so for the Zara brand main category is not exist so there will be no product form if it I and check to demand so the driver only have a kids category for the woman yeah so it's a one kids it's a three so like this for for the price filter if I click on a from zero to twelve dollar it will release like this and if it I show a sort from lowest to the highest so it will be yeah short from lower to the highest highest to the lower so like this so here we have one item in there in the in the cards so if I remove it will arrive back because it's zero to the home page if I add for example okay 12 I add one product two products if I add the same products it will be add to the cards and that here is only increase the quantity of that same products if I reduce or if I if I add more quantity it will be add to the total amount if I reduce the change it change here so um so I will go back and I will add one more item okay okay here so you will see it as soon as I press it uh it it's update here so I will go and check out before I check out I if if I don't have a shipping address I need to fill here but I have only uh I have one shipping address so I don't need to fail I can go and check out if you didn't know I went I I went to uh at new address which I'm going to be shipped this ident this item so I can add and submit now I'm going to check out um check out before I check out let me let me show you here I have to say seven so um for weekly sales okay I'll send send it so I'm I'm I I have got Laura say on Sunday so check out and then it's go to the with the strike payment okay so um I asked the tax email and test cards uh as a Visa card then and then okay cool um I can choose wherever okay and I'm uh Okay so damn so it will be redirect to here so order is order number is 11 and paint I have already paint so category and all the products I've ordered in this so um let me check here I will refresh it so it's 8 to the C on this day okay so one user to the incomes and to the product counts so this is the minimum decibel dashboard that we must have uh if if you if you wish if you have more business lodges and idea you can add more like transition the latest transition or the later products or you can show the list but I show you the the the necessary function of the Econo website okay this is a dashboard this is the products so in this products um if I delete here um this product will be delete so if I add one new product one more new products okay so like example quantity will be like 10 for these products so women and Adidas a description December of the products okay so for the image I can upload multiver image I have a three image here and after I open yeah it's like this so if it I don't like I can delete and I save it so product has been created with the sword a lot here oh yeah it's a sweater here and you can see one more new product here so if we go back to our Dash user homepage you will see one more new product here so uh it's been listed the letters products and so I will delete it and so it asks me to delete so it's soft delete it doesn't delete um from the database totally it can backup because we use totally I use suddenly in here so if it I'm publish so so you see so it happens to that and it's published so the products will not be list if it and and click again is published again so it's install auto store we can know the stated visible action and everything for this okay so um that's it pretty much so we can we can do e-commerce website Siri using laravel as a back-end vgs T1 CSS and for the stage from data management you will use inertia so yeah that's it okay uh one more thing uh if if I don't um if if I'm if I'm logged out uh if I'm browse the item as a guest I can't add to the cart I can add edit or update to the card but when I check out I can't I need to open account or register account then I can check out so the definition where we also included thanks a lot

Channel: Goo Coding

Views: 6,585

Keywords:

Id: jOQDtxnHjGw

Length: 7min 47sec (467 seconds)

Published: Sun Sep 10 2023