No video :(

Shopping Cart Complete Implementation| Frontend| Backend| DB| Stripe| MutationObserver

Подписаться 3,3 тыс.

Просмотров 26 тыс.

50% 1

This tutorial implements complete shopping cart logic from frontend to backends, database connectivity and payment collection through stripe gateway integration.
Frontend : HTML, CSS, JAVASCRIPT, FETCH API, MUTATIONOBSERVER
Backend: PHP, MYSQL, STRIPPE
#shoppingCart #stripe #shoppingCartFrontend #ShoppingCartBackend #ShoppingCartCompleteImplementation, #MutationObserver #Mysql
chapters
0:00 Introduction & Demo
3:20 Basic workflow overview
5:48 Project setup
6:12 Index.html code
13:26 -Landing Page Styling
18:14 Landing Page Button's Functionality
22:01 Getting contents from backend & displaying in the browser to buy Logic
35:55 Backend login to send contents to be sold to the browser
49:38 Styling products to buy
58:05 Add To Cart Logic / MutationObserver
01:15:02 Styling the shopping cart
01:25:40 Remove from cart logic
01:28:16 Update quantity in the cart Logic
01:31:08 Update cart total logic
01:41:55 checkout logic
Code for the project could be found at github.com/nur...

Опубликовано:

14 авг 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 42

@AhmedNawaz117 8 месяцев назад

❤ very nice.The best ever tutorial I have seen. The way you explain every syntax, and command is extremely appreciatable.

@CSwithNJ 8 месяцев назад

Glad it helped 🙂

@valerypobelenskiy1001 Год назад

Sorry, but you did not explain how did you make this table with list of products who do not anything about functionality of SQL

@bigjoshallen Год назад

What about attributes ? I would like to add a Large t shirt to the cart, and also a small t shirt to the cart or the same product

@lancespurgeon 2 года назад

How much changes are required to make this into subscription based payment with invoicing

@Vaininz Год назад

hello NJ please can you describe more about mutation observer add cart element when button double click is duplicate. there any clue to make just add only once on list cart? because how the user add to cart will overlooked when checkout. we dont want to happen.

@maheenrajper6506 2 года назад

Very informational👍

@CSwithNJ 2 года назад

Thanks alot 😃

@MinhNguyen-tx5er 2 года назад

Shopping Cart Complete Implementation| Frontend| Backend with HTML, CSS, and JAVASCRIPT on next tutorial. That's would be nice. Thanks

@CSwithNJ 2 года назад

Frontend is in all in HTML, CSS, and JS. For backend PHP is used and Stripe as payment gateway. If you are just interested in frontend with HTML, CSS and JS then you may checkout following palylist: ru-vid.com/group/PLT57LLGYvsrX_eHvK-ahbIzfofhxblp3A

@dagiprogrammer 2 года назад

thanks a lot

@tordoscode6888 2 года назад

Hey, eres sorprendente. Muchas gracias.

@CSwithNJ 2 года назад

Muchas gracias.

@uyebony2101 2 года назад

Thank you

@lalitbisht8381 2 года назад

Awesome mam Are you indian?🇮🇳😍😍

@CSwithNJ 2 года назад

Thanks Lalit; I am your neighbour 🇵🇰 😊 ❤

@stanislaff5578 Год назад

Failed to complete CORS request

@uyebony2101 2 года назад

getting Error:= Cannot read property of null reading insertBefore

@CSwithNJ 2 года назад

Plz check variable spelling and other syntactic rules for the variable that appears to be null. This error is usually the result of spelling mistake or other syntactic error such as instead of dot(.) One might have put comma (,) or other such mistakes.

@teoria.inteligente6203 Год назад

Hello, is this a real payment check out cart or is just a sample checking cart? I have an html website that I want to implement a real checking cart so people can pay with credit card on my website. thanks

@CSwithNJ Год назад

It's fully functional payment checkout system. However you will have to setup a Business account with stripe. Besides, you can improve my code and make it secure/mobile friendly or anything else that is your need.

@teoria.inteligente6203 Год назад

@@CSwithNJ ok, how much stripe charges by monthly or one time fee? thank for replying

@CSwithNJ Год назад

Kindly checkout their website; I am not their representative 😁

@AjithaR-gd3rt Год назад

how to see the output in this project

@AjithaR-gd3rt Год назад

please tell imediately

@CSwithNJ Год назад

I am not sure what do u mean?

@AjithaR-gd3rt Год назад

@@CSwithNJ how to see the output in backend

@CSwithNJ Год назад

You need to more specific; PHP is a server side programming language and it responds to http requests which can be viewed in the browser. If there is an error occured on the othe end then you can see the error message in the terminal window where your server is running. If you want to run php as a standalone desktop type application then you may run the php file in the terminal window with the command "php file_name.php" but then this program will not be able to receive and response to http requests. It will a simple C/java/etc program.