Build and Deploy a Modern Full Stack ECommerce React Application with Stripe

  Рет қаралды 981,306

JavaScript Mastery

JavaScript Mastery

Күн бұрын

Every web developer needs to know how to build an ECommerce website using React. Learn how to build the best and most modern one simply by watching this course. Our e-commerce application will include modern design and animations, the ability to add and edit products on the go using a Sanity, all advanced cart, and checkout functionalities, and most importantly, the complete integration with Stripe so that you can cover real payments.
💻JS Mastery Pro - jsmastery.pro?discount=youtube
✅ A special KZfaq discount code is automatically applied!
Build even more comprehensive, modern applications such as an AI-Powered Movie App and an NFT Marketplace application - Check it out now - www.jsmastery.pro 🔥
⭐Sanity JSM Subscribers Special - www.sanity.io/javascriptmastery
⭐Sanity Content Platform - www.sanity.io
⭐Get help with Sanity on their Slack Channel - slack.sanity.io
This video may contain code snippets or concepts specific to a previous version of Sanity Studio. In most cases, you can find the information needed to adapt the material to the latest Studio version by exploring Sanity docs: www.sanity.io/docs/migrating-...
📙Ultimate Frontend Development Roadmap - resource.jsmastery.pro/fronte...
📙Ultimate Backend Development Roadmap - resource.jsmastery.pro/backen...
📚 Materials/References:
GitHub Code (give it a star ⭐): github.com/adrianhajdin/ecomm...
Styles & Other Code: gist.github.com/adrianhajdin/...
Assets: minhaskamal.github.io/DownGit...
In this course, you'll learn:
- Advanced React Best Practices such as folder and file structure, hooks, and refs
- Advanced State Management of the entire application using React Context API
- Next.js Best Practices such as file-based routing and data using server-side rendering and static generation
- You’ll learn how to integrate Stripe to manage payments, products, shipping rates, and the entire checkout process
Most importantly, you’ll learn how to manage the entire content of your app using Sanity. Sanity is the unified content platform that’ll make the making of our entire app possible
💻 Master JavaScript: www.completepathtojavascriptm...
Use the unique promo code "KZfaq" on checkout to save $60!
📙 Get the Ultimate Frontend & Backend Development Roadmaps, a Complete JavaScript Cheatsheet, Portfolio Tips, and more - taplink.cc/javascriptmastery/...
💻 Join our Discord Community - / discord
🐦 Follow us on Twitter: / jsmasterypro
🖼️ Follow us on Instagram: / javascriptmastery
💼 Business Inquiries: contact@jsmastery.pro
Time Stamps 👇
00:00:00 Intro & Setup
00:10:20 Sanity Setup
00:24:33 Homepage
00:40:37 Hook up Sanity
00:54:13 Products
01:06:33 Layout
01:16:24 Product Details
01:42:10 Context Logic
02:02:52 Cart Logic
02:36:52 Stripe
03:09:48 Success Page
03:26:36 Deployment

Пікірлер: 1 700
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Build even more comprehensive, modern applications such as an AI-Powered Movie App and an NFT Marketplace application - Check it out now - www.jsmastery.pro 🔥 I asked Sanity to hook up some free stuff for this video... They made a custom boosted free plan 👉 www.sanity.io/javascriptmastery2022
@banasthalividyapithevents
@banasthalividyapithevents 2 жыл бұрын
Please release the nft marketplace built fast
@Alex-bc3xe
@Alex-bc3xe 2 жыл бұрын
🎉This channel will reach 1 mil this year no doubt about it
@javascriptmastery
@javascriptmastery 2 жыл бұрын
@@banasthalividyapithevents coming in mid May!
@javascriptmastery
@javascriptmastery 2 жыл бұрын
@@Alex-bc3xe let's hope so! 🎉
@knowledgewalatech
@knowledgewalatech 2 жыл бұрын
Please make full stack blog application with dark feature & infinite scroll & full responsive and support google ads . I request you please make it with your ♥️
@vidz_24
@vidz_24 2 жыл бұрын
This man teaches in a very easy to understand way. Udemy teachers should emulate him. Kudos Adrian
@ifechukwu7379
@ifechukwu7379 Жыл бұрын
I'm from rural Nigeria and I'm about to start watching and learning. To give such great content for free is a blessing to humanity. This world is a better place because of people like you. God bless you. I hope to learn a lot.
@cyrusbigham7075
@cyrusbigham7075 Жыл бұрын
Dude I did your last tutorial as well. You are the best teacher by far! Thank you for what you do and look forward to more videos!
@thejohnsonarticle5492
@thejohnsonarticle5492 Жыл бұрын
I have never commented on any KZfaq video before but this one got me overwhelmed with how detail and simple to understand. Kudos 👌👍👍👌 you are an amazing teacher
@ryancoding6733
@ryancoding6733 Жыл бұрын
incredible project, as react developer i can tell everyone trying to learn just follow the steps, try to understand every task and if you feel you are struggling with something pause the video and do some research to understand it very well till you feel comfortable with it and keep going, at the end you will able to build project on your own and get a job. good job my friend you are always the best
@Tomiciatko
@Tomiciatko Жыл бұрын
The best code teacher I’ve ever heard. Calm and patient no background music, no ADHD. Like your style :)
@kingdommanga-anime151
@kingdommanga-anime151 Жыл бұрын
hello, please there is a part of the video i didn't understand. when creating the Project, there is a stage where he talks about overwriting dependencies. i did not understand what he did at that stage because he was going quite fast. Please wound you mind explaining what he did there?
@borismassesa9553
@borismassesa9553 2 жыл бұрын
Adrian you’re just a gift from God the way you explain the concepts is just phenomenal…..Thanks again for another amazing project that I can code along and learn new web technology and add on my portfolio. Please keep doing a good work. You’re blessing a lot of people out here and inspiring 🙏🏼🙏🏼🙌🏽❤️‍🔥🙌🏽❤️‍🔥
@NzeluHub
@NzeluHub 2 жыл бұрын
I so much agree
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thanks so much for the kind words! I'm glad you're enjoying the projects and learning new things. :)
@vvek_7
@vvek_7 Жыл бұрын
Pay With Stripe is just redirecting, works sometimes only. What to do ??
@kenthefley2226
@kenthefley2226 2 жыл бұрын
Wow. I requested this project on Discord and you did it! You were probably working on this long before I made that post but still amazing. I cannot tell you enough how thankful I am that you create such useful content.
@javascriptmastery
@javascriptmastery 2 жыл бұрын
You're welcome, glad I could help!
@vaniad555
@vaniad555 2 жыл бұрын
I was hoping tailwindcss was used, also a carousel & video as a bg of about section as clients enjoy more visual presentation of their stores.
@douglasdavid177
@douglasdavid177 2 жыл бұрын
This is incredible! Thank you for all you do! You have the most intricate projects and the best tutorials. My only fear is that you'll become so popular that employers will begin seeing your impressive projects on everyone's portfolios and I won't be able to stand out as much haha. But seriously thanks for all these awesome and well put together videos, you're great at teaching and I've learned a lot
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thanks so much, I really appreciate it! :D
@shahbazmughal5808
@shahbazmughal5808 2 жыл бұрын
I've been thinking about this for months man!!! All the employers are going to catch on to Adrian's phenomenal work hahahah! shoooooot!
@shalakagaikwad8813
@shalakagaikwad8813 2 жыл бұрын
I needed this tutorial. Thank you so much! I have been following you from a while now. You are doing an amazing job Adrian! So so grateful!!
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thanks so much! I'm happy to help :)
@manuel3699
@manuel3699 Жыл бұрын
What I like the most is the pronunciation, I'm improving my English while I'm learning to become a developer. And with you I don't need subtitles, it's great. But by far the best thing is your content and the professional approach you give it. Thank you very, very much 😀😀
@klinfeldt82
@klinfeldt82 Жыл бұрын
Really enjoyed this project overall, particularly the exposure to Sanity. Looking forward to more tutorials!
@sayeghjoe
@sayeghjoe 2 жыл бұрын
You’ve made some amazing videos Adrian but I think this is your BEST one yet. Truly remarkable. This is a game changer. Thank you
@javascriptmastery
@javascriptmastery 2 жыл бұрын
I'm so glad you think so Joseph! Enjoy!
@mohamaddarwish3765
@mohamaddarwish3765 2 жыл бұрын
Does this deployment in vercel, does it free or not?
@stephan3199
@stephan3199 Жыл бұрын
@@mohamaddarwish3765 100% free
@mohamaddarwish3765
@mohamaddarwish3765 Жыл бұрын
@@stephan3199 tqsm
@kingdommanga-anime151
@kingdommanga-anime151 Жыл бұрын
hello, please there is a part of the video i didn't understand. when creating the Project, there is a stage where he talks about overwriting dependencies. i did not understand what he did at that stage because he was going quite fast. Please wound you mind explaining what he did there?
@chaubrian5879
@chaubrian5879 2 жыл бұрын
Amazing project! As an undergraduate student, I usually learn react from your videos. Thanks for your contribution!
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you!
@mvrius2924
@mvrius2924 2 жыл бұрын
I've never thought I'll see a video la this for free on youtube. You're a legend man
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you!
@clipsandsips373
@clipsandsips373 8 ай бұрын
bro you are an angel for real the amount of effort you put on you videos shows that you not doing it for money you just love what you doing and we love you keep up the good work my G
@omereker8824
@omereker8824 2 жыл бұрын
It's been very helpful, I mean what a gem for the community! Thank you so much and please keep up the good stuff!!
@saumya8407
@saumya8407 Жыл бұрын
This project is 10 times better than the bootcamp projects. Thank you adrian.
@beefykenny
@beefykenny 2 жыл бұрын
I am currently wacthing your other e commerce web shop tutorial video. Loving it! But now you came out with another BANGER🤩
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thanks so much!
@j946atFIVEFOUR88AA
@j946atFIVEFOUR88AA Жыл бұрын
This tutorial is really great man, learned a lot and even the small stuff like ctrl+clicking a component to open it, ctrl+shift+r for a hard reset, and ctrl+space for easily importing components are really great tips that save time
@rown
@rown Жыл бұрын
Please how do I overwrite for dependencies, can’t find my way
@kingdommanga-anime151
@kingdommanga-anime151 Жыл бұрын
hello, please there is a part of the video i didn't understand. when creating the Project, there is a stage where he talks about overwriting dependencies. i did not understand what he did at that stage because he was going quite fast. Please wound you mind explaining what he did there?
@derekprieur5258
@derekprieur5258 Жыл бұрын
Like always, thank you so much for these videos man. I am learning so much from the different projects and having a great time doing it! 👏
@kennedyfreitas7548
@kennedyfreitas7548 2 жыл бұрын
dude became the only youtube channel i got to for up to date react content. Always coming in clutch
@cstroudio7516
@cstroudio7516 2 жыл бұрын
The absolute best! Making content like this literally changes lives.
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you so much for the kind words! I'm glad my videos are helping you out. :)
@salmanpatrick
@salmanpatrick 2 жыл бұрын
It is one of the best tutorials that I have ever seen in my web dev career. A very clean step by step process with each logic beautifully explained and in very polite way. Hats Off 🔥. I finished it in one and half day. At first I didn't get what's going on , I just followed him and created the entire website. After finishing I started studying the whole project and I concluded some points: First simply we set up the Sanity. We created two database schemas one for products and other for our banner for homepage. After setting up the schemas we created the front page of the website. Now it's on you how you wanna design the pages. The main thing he teach us that how to fetch the data from Sanity Schemas and how to display them. If you know this then you can implement the logic in any kind of website and I love that part. So we created a home page with a hero banner, products listing and footer. Also a navbar. Then we created products detailed page logic. We just need to fetch the specific product from the sanity products schemas. Before we were fetching the all products to display on the home page but now we only need the specific product to render dynamically on a specific page. So this can be done easily in Next JS. Again you can design that product detail page whatever you want but we learned how to fetch the specific data. After that we created a context using React Context hook. If you know even the basics of this hook then this part would feel like piece of cake. We created some states and then passed into the context so we can use them anywhere. We could also create those states in our slug or other pages but that's what the beauty of Context Hook that we stored all the states and functions in a single Context. And then the cart logic was the lil bit difficult for me but still I'm learning and experimenting on it. I think instead of using "prevQty" we can just increment the qty by using setQty(qty +1); It's very simple we don't even need that "prev" logic cuz that's bit confusing. And then that stripe logic was game changer for me . That filled the entire website with life. Thank you so much bro. I got a great opportunity to learn a lot from this tutorial. Just keep it up. Looking forward.😁
@PANDEYAYUSHPRAKASH
@PANDEYAYUSHPRAKASH 2 жыл бұрын
i am getting error in setup of sanity could you help me
@salmanpatrick
@salmanpatrick 2 жыл бұрын
@@PANDEYAYUSHPRAKASH what kind of error it is
@aquibjameelkhan1118
@aquibjameelkhan1118 Жыл бұрын
How can I reach @salman Haider. Need to talk to u
@salmanpatrick
@salmanpatrick Жыл бұрын
@@aquibjameelkhan1118 yes bro
@kavyar8579
@kavyar8579 Жыл бұрын
Is next js a prerequisite for this project ?
@DCSt90j
@DCSt90j 2 жыл бұрын
I was just relaxing watching the video until I saw that you added a marquee. I couldn't find a way to get it working on my project, so that was a miraculous coincidence I found it in your video. Huge thanks for all the knowledge you provide in this and all your videos
@kristianfulkerson5769
@kristianfulkerson5769 2 жыл бұрын
Loved it, you are the man Adrian! Been loving your news letter as well! Keep up the great work!
@paradox739
@paradox739 2 жыл бұрын
I got my first interview for frontend dev next week because of you. Hopefully i pass it. Thank you man 🥹
@billalfarabi5589
@billalfarabi5589 2 жыл бұрын
Which job site you got it?
@paradox739
@paradox739 2 жыл бұрын
@@billalfarabi5589 posted by portfolio on linkedin.
@billalfarabi5589
@billalfarabi5589 2 жыл бұрын
@paradox, i am also junior frontend developer, i am job seeker. I have LinkedIn account. Whose will be perfect connection for my job or interview?
@javascriptmastery
@javascriptmastery 2 жыл бұрын
You're welcome! Best of luck to you!
@paradox739
@paradox739 2 жыл бұрын
@@billalfarabi5589 yes man i suggest building a site that would showcase your projects. In that case employers would see what technologies u got under your belt. This method works for me best.i got alot of messages on linkedIn after I posted my portfolio.
@davidhendriksen
@davidhendriksen Жыл бұрын
I think it is not considered good practice to send sensitive information, such as cart items, directly from the client side to Stripe. This is because a malicious user could modify the prices in the line_items array before the request is sent. To mitigate this risk, it would be more secure to use the Product ID's in the line items instead of the price itself. This way, on the server-side, you can fetch the correct price for each line item. Also, making the Stripe Secret key publicly available can be very dangerous. I just wanted to give some feedback, I hope you don't take it the wrong way. Thanks for the great tutorial!
@carlosmontes7088
@carlosmontes7088 Жыл бұрын
Thanks for your advice, I recently learn backend and your way to do the process is the right way for secure the data. Maybe this tutorial is a good way to practice the basics of React but is mandatory have in mind the security factor.
@salmaahmed7789
@salmaahmed7789 Жыл бұрын
Thank u ❤❤❤❤
@_sheetalgehlot
@_sheetalgehlot 11 ай бұрын
Hey can you provide some tutorials which provide all the information which you describe
@ptapollo
@ptapollo 9 ай бұрын
Is he making the stripe secret key publicly available? The only key he’s using on the client side is the publishable key, which is meant to be used on the client side. The secret key is being used in the api folder which is code next.js makes sure does not end up on the client-side. At least, this is what I understood from what I’ve learn from next.js. Am I thinking incorrectly? Regarding the cart items, I also agree. Using the price sent from the client-side is not a good idea, since it can be easily manipulated.
@marumaru296
@marumaru296 7 ай бұрын
Who are u? An engineer? Why I have to trust u?
@andrejkling3886
@andrejkling3886 2 жыл бұрын
Each your project is individual... It's just incredible amazing Adrian. Gratitude ... It's a lot of efforts
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you so much for your kind words, I really appreciate it! :)
@kodywright5784
@kodywright5784 2 жыл бұрын
This content is top tier and you're very gracious for this blessing. Keep up the amazing work. We love and appreciate you.
@leonardovillar5985
@leonardovillar5985 2 жыл бұрын
When I say that I learn much more with youtube videos I'm talking about this. Sincerily one of the best contents that I have seen on youtube. I'm from Brazil and I'm so thankful about all your videos teaching us how to improve our habilities. Thank you so much.
@jonathanbriceno3865
@jonathanbriceno3865 2 жыл бұрын
Extraordinary content, thanks to you I have managed to materialize my dream of being a developer, I have learned a lot from your videos. Immensely grateful. I admire you incredibly.
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you so much for your kind words! I'm glad I could help you achieve your dreams.
@UpdaterMC
@UpdaterMC 2 жыл бұрын
letss goooo finally I will learn how to use sanity for a commerce shop thank you so much
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you so much for your support! I'm excited to help you learn how to use Sanity for a commerce shop. Thanks for being a great subscriber!
@TheInvestmentThesis
@TheInvestmentThesis 2 жыл бұрын
Really enjoy watching a Next.js project with Sanity in your channel. Thanks a lot JSM!
@estebanaguirre4550
@estebanaguirre4550 2 жыл бұрын
I don't know how this guy does this so specific in every step. Te amo viejo!
@ngonimugumwa6374
@ngonimugumwa6374 2 жыл бұрын
Just discovered your channel. This is absolutely amazing. Keep it up!
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you so much for your support!
@abdell_rb4519
@abdell_rb4519 2 жыл бұрын
I feel so happy when I see you post a new video ❤️, your project based tutorials are priceless literally. So thank you, if i may just suggest to make one day a full functional bug tracker web app.
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you so much for your kind words! I'm glad you enjoy my videos and find them helpful. I'll definitely keep your suggestion in mind for future projects. :)
@abdell_rb4519
@abdell_rb4519 2 жыл бұрын
@@javascriptmastery wow you've replayed, thank you so much, we really should appreciate what you're doing for us with this quality content 🔥 you're making for free, that's huuuge man. Keep up. And we'll try to support u the way we can. Thanks for keeping the suggestion in mind 😉, love u.
@prabneets
@prabneets 2 жыл бұрын
I have been watching your videos. I find it very useful. Whatever project you do, you make it easy to understand. The way you make your project videos is amazing. The presentation of your teaching in your project videos is very good.
@brallis99
@brallis99 2 жыл бұрын
I love this channel, I've learned a lot from just your fullstack portfolio video and i'm sure that i will learn a lot from this one. I'm still surprised that this is all free content.
@paulchambers7586
@paulchambers7586 Жыл бұрын
This tutorial was extremely clear, concise, and easy to follow. I'm sure I'm going to buy one of the pro courses now. Bravo!
@vvek_7
@vvek_7 Жыл бұрын
Pay With Stripe is just redirecting, works sometimes only what to do ?
@DeveloperJunaid
@DeveloperJunaid 2 жыл бұрын
When he says "This is the best project video that you can currently find on the youtube", I BELIEVE THAT 🔥❤
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you so much for your support!
@DeveloperJunaid
@DeveloperJunaid 2 жыл бұрын
@@javascriptmastery You deserve more than that Adrian
@shubiie
@shubiie 2 жыл бұрын
hey @Developer Junaid I am facing little problem while following this Tutorial , can you please Help Me to solve this ?
@DeveloperJunaid
@DeveloperJunaid 2 жыл бұрын
@@shubiie Yes sure, how may I help you?
@hisoka9067
@hisoka9067 Жыл бұрын
Can anyone send the DFD diagram and ER diagram of this project?
@madaotee4557
@madaotee4557 2 жыл бұрын
this is truly a quality content. I hope this channel get the attention it deserve very soon
@promisejaychilufya3384
@promisejaychilufya3384 2 жыл бұрын
I love this. This content is GOLD, and i couldn't waste a minute to get into it.
@devhubmip9762
@devhubmip9762 2 жыл бұрын
Thank you SO MUCH for your effort to make such an incredible, comprohensive tutorial, and sharing your knowledge/experience with us I wonder if you also could make a video (part 2) to cover the integration of a Commerce API to view in a dashboard the inventory management, orders, sales, emails, etc. (with platforms as commerce layer, snipcart, shopizer, others)? Greetings from the Netherlands!
@ankitkumarsharma2372
@ankitkumarsharma2372 2 жыл бұрын
Thanks a lot, for this valuable course. I was waiting for many days.
@javascriptmastery
@javascriptmastery 2 жыл бұрын
You're welcome! I'm glad you like it.
@shahidullahmuffakir668
@shahidullahmuffakir668 2 жыл бұрын
After finishing your Portfolio website project , which was amazing. Now starting this, I love your contents.
@OhHellNo1111
@OhHellNo1111 Жыл бұрын
Awesome video! Cant thank you enough for taking the time to make this!
@mukhammad5464
@mukhammad5464 2 жыл бұрын
Your all videos is amazing! Never stop! Thank you!
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thanks for the support!
@passsacaglia
@passsacaglia 2 жыл бұрын
OMG this is insane haha was just looking for new videos to my playlists and now THIS came out! Man you're my new Go-2 guy for react!
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Welcome aboard!
@passsacaglia
@passsacaglia 2 жыл бұрын
@@javascriptmastery thanks mate! Also in the discord✌️love from Stockholm Sweden!🇸🇪🇸🇪🇸🇪
@javascriptmastery
@javascriptmastery 2 жыл бұрын
@@passsacaglia Greetings to Stockholm! 🇸🇪
@nyctophilialone
@nyctophilialone Жыл бұрын
bro you are the best teacher I've ever seen. love your contents. KEEP GOING PLEASE!!!
@RedBerryTV
@RedBerryTV 2 жыл бұрын
Thank you bro! You help me a lot at the beginning of my WEB Dev career! 🙌 Veliki pozdrav! 🇷🇸🇭🇷
@anonymouseverx
@anonymouseverx 2 жыл бұрын
I can't explain my feelings when seeing a new project video from you. 👌 Thank you so much for everything, Adrian.
@javascriptmastery
@javascriptmastery 2 жыл бұрын
You're welcome, thank you for watching!
@wilsonmela6343
@wilsonmela6343 2 жыл бұрын
Always serving us amazing contents for nothing. Man, you are one of kind. Thank you very much!.
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you, I'm glad you enjoy the videos!
@wilsonmela6343
@wilsonmela6343 2 жыл бұрын
I do with full satisfaction. Thank you.
@brunorocha9898
@brunorocha9898 2 жыл бұрын
Jus amazing class.. I finish 'to copy', now time to modidy and style to my own company and products.. thank you so much
@mathiaschevez1629
@mathiaschevez1629 2 жыл бұрын
ANOTHER BANGER! Thanks man I really appreciate the time you take to post these.
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Everything for you Mathias! 😊
@mhlengingubane2469
@mhlengingubane2469 2 жыл бұрын
You're a blessing man, just what I was looking for
@javascriptmastery
@javascriptmastery 2 жыл бұрын
You're welcome!
@sthefanocarvalho2823
@sthefanocarvalho2823 2 жыл бұрын
Thanks, Adrian! You are an inspiration! The content is amazing!
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you so much! I'm glad you're enjoying it!
@matheusdepaula4916
@matheusdepaula4916 2 жыл бұрын
I really love how your edition work is so good. Well done
@ghanshyambc9346
@ghanshyambc9346 2 жыл бұрын
Hi sir, I'm your big fan, and absolutely you are amazing. I learn too much from you and clearly understand your teaching way which gives me so much confidence in my code. Huge thanks from me.
@boaytariq988
@boaytariq988 2 жыл бұрын
Words cant explain the extraordinary quality of the course "Strongly Recommended" I am learning development on different platforms like youtube,udemy,coursera .. since 2 years , But believe me this channel is perfect! Real JS Master ... Keep it up - God bless you~
@hermanadu1778
@hermanadu1778 2 жыл бұрын
JSM, Adrian, I would like to take this time to thank you ever so much, for providing us this unbelievable content, with your well-prepared calm professional delivery, always seems to take the complexity out of what we are doing. Amazing Stuff H
@chidinmanwatu7545
@chidinmanwatu7545 2 жыл бұрын
Another cool project added!! Thank you so much for this amazing content.
@yashasvitripathi8863
@yashasvitripathi8863 2 жыл бұрын
I must say, you really work very hard to provide newie learner for getting their hands on such Tech. I pray after getting a dignified job I could buy you a coffee.
@yassiribrahim7521
@yassiribrahim7521 2 жыл бұрын
as usual MrHajdin making everything special and different Thanks Boss
@daniffig
@daniffig 2 жыл бұрын
I think one of the best resources Adrian has is to leave the typos as much as he can so we can't help with our OCD and must watch the entire tutorial until he fixes them all.
@okwongvictor6215
@okwongvictor6215 2 жыл бұрын
Thank you so much for this JS Mastery. You continue to blow our minds with amazing amazing stuff.
@codewithfarhad8594
@codewithfarhad8594 2 жыл бұрын
amazing course. thanks for keeping my tutorial hell so much entertaining 😍😂
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thanks!
@marloncorreiamarlin3125
@marloncorreiamarlin3125 Жыл бұрын
Sou brasileiro, e esse tutorial é de longe o melhor que já vi, mesmo tendo que ler a legenda e fazer ao mesmo tempo, obrigado por disponibilizar esse conteúdo gratuitamente!!
@fumalyson
@fumalyson Жыл бұрын
O gateway de pagamento vc utilizou o stripe mesmo?
@marloncorreiamarlin3125
@marloncorreiamarlin3125 Жыл бұрын
@@fumalyson Eu acabei modificando todo o projeto, para vender regatas da NBA, mas continuei usando o stripe
@enriquesantosdeoliveira5798
@enriquesantosdeoliveira5798 Жыл бұрын
Amigos vcs adaptaram para typescript ou seguiram em javascript mesmo?
@fumalyson
@fumalyson Жыл бұрын
@@enriquesantosdeoliveira5798 depende da proposta amigo, nao vejo pq n fzr com TS! Eh uma boa.
@juniorMr
@juniorMr Жыл бұрын
Esse canal é incrível
@spaxxvilejohn9095
@spaxxvilejohn9095 2 жыл бұрын
This is awesome content. I love your work. I have grown so much from what you do. Maybe next time maybe add an orders page so that seller can see the orders coming in. But still an awesome tutorial
@israelbosun4032
@israelbosun4032 Жыл бұрын
Thank you so much Adrian, even almost a year after your tutorials are still so high quality, I just finished the project, though I could not use Stripe because of my country, I was able to use paystack to handle the payments. Really appreciate you Bro
@yesayajones3725
@yesayajones3725 Жыл бұрын
Hi Israel, I am also from a country where I can't use stripe. How did you integrate paystack. That would really be helpful.
@israelbosun4032
@israelbosun4032 Жыл бұрын
@@yesayajones3725 They had a very good documentation with examples, the link is on their website
@ulenund9867
@ulenund9867 7 ай бұрын
@@israelbosun4032 Please I had dependency issues while trying to spin up the app, can you please be of help,I'll appreciate it greatly!!!
@naijaspeed8456
@naijaspeed8456 2 жыл бұрын
Your courses are even more better than some Udemy paid courses. Thank u so much for sharing this great tutorial. Indeed u make learning easier for people like me.
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thanks so much for the kind words! I'm glad you're enjoying the courses. :)
@user-wz3ei3nx7q
@user-wz3ei3nx7q 2 жыл бұрын
hi I am from South Korea. I watch your videos every day. Thank you so much for always uploading great videos. your video is cool and the content is cool!! And I'm not good at English, but I can understand you, so this is a perfect video. Thank you for always.
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you so much for being a loyal subscriber and for your kind words! I'm glad you enjoy the videos and that you can understand them. :) Keep watching and thanks for your support!
@XNearXFear
@XNearXFear Жыл бұрын
Thank you so much for this video and all your other amazing content! I appreciate it so much! You are helping me become an amazing developer, much love!!!
@Deepak-kf8sx
@Deepak-kf8sx Жыл бұрын
Thank you so much for your tremendous projects you've posted so far. God Bless❤
@MichaelPulliam
@MichaelPulliam Жыл бұрын
I'm glad everyone else is having great results from this tutorial. I am unable to get sanity working? I wasn't prompted to setup an account or name the project. I tried installing TLS 1.2.. not sure what I'm doing wrong.
@oduniyitinuijioluwa2768
@oduniyitinuijioluwa2768 2 жыл бұрын
This man!! I have no words to just thank you! ♥️ only God can express my gratitude towards you!
@javascriptmastery
@javascriptmastery 2 жыл бұрын
I'm glad I could help!
@banamwine
@banamwine 2 жыл бұрын
Another great video! You're the greatest man! Keep up the good work. Thank you lots. Love from Ghana😊
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thanks!
@meheraabarvy4134
@meheraabarvy4134 2 жыл бұрын
This channel is a blessings for the beginners! Thanks for your effort.
@jashanmago9825
@jashanmago9825 2 жыл бұрын
Tomorrow I've to start my first paid project! And guess what, it's a ecommerce site! What a timing!
@javascriptmastery
@javascriptmastery 2 жыл бұрын
That's fricking perfect! :D
@emanuelapape4687
@emanuelapape4687 2 жыл бұрын
Great content. I would really appreciate to see you coding the CSS part as well.
@rumeysayuk4616
@rumeysayuk4616 2 жыл бұрын
This course is gold .Thanks :)
@tavcode
@tavcode 2 жыл бұрын
Wow amigo este curso vale oro, enserio muchas gracias por tus videos sigue asi crack!!!
@DinoLujetic
@DinoLujetic 2 жыл бұрын
Amazing build projects, IMO this is the best way to start a developer's journey. After reading react and nextjs docs, your "Build and Deploy" video series make sense and put together all the non-practical learning. Keep it up. Would like to see more typescript and nextjs build apps.
@kingdommanga-anime151
@kingdommanga-anime151 Жыл бұрын
hello, please there is a part of the video i didn't understand. when creating the Project, there is a stage where he talks about overwriting dependencies. i did not understand what he did at that stage because he was going quite fast. Please wound you mind explaining what he did there?
@shinobi_coder88
@shinobi_coder88 2 жыл бұрын
I have to be frank Adrian, your conceptual teaching makes me very comfortable to understand tricky technical concepts. I do also have to tell you that sometimes I can quickly find out many helpful solutions from your GitHub codes to certain problems and your daily newsletter definitely helped me save time to focus mainly on the most recommended tools and technologies. Can't wait for the new NextJs project, you are really the superstar ⭐
@javascriptmastery
@javascriptmastery 2 жыл бұрын
If you like the teaching, check out jsmastery.pro 👌
@sajidhasan1329
@sajidhasan1329 2 жыл бұрын
is this project responsive?
@Carlos-id7my
@Carlos-id7my 2 жыл бұрын
my God, you're the GOAT my friend. I'm waiting my monthly payment to get your premium courses.
@klan351
@klan351 2 жыл бұрын
i m learning a lot with u!!! i love this channel, and your content , and how u speak so clearly for non-english speakers like me!
@santiagopereira4691
@santiagopereira4691 2 жыл бұрын
🙌 Thank you so much for making this great content and teach us for free 🙌. I have to say the way you structure and put out your content is absolutely perfect ✨. Incredible helpful. I have just 1 week of react so I will wait before dive into this proyect but I already watched the intro and got me very excited and motivated me to continue learning. Your web developer roadmap is incredible clear and helpful. I started with your crash course on React and I will go through all your videos. I know this will help me to get a tech job. Thank you so much. Keep going 👏👏👏
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you so much for your kind words! I'm glad you're enjoying the content and finding it helpful. Best of luck with your learning journey!
@vivekpaanchal
@vivekpaanchal 2 жыл бұрын
What are the prerequisites 🥲
@ayushisaini3398
@ayushisaini3398 2 жыл бұрын
How's your progress going
@kingdommanga-anime151
@kingdommanga-anime151 Жыл бұрын
hello, please there is a part of the video i didn't understand. when creating the Project, there is a stage where he talks about overwriting dependencies. i did not understand what he did at that stage because he was going quite fast. Please wound you mind explaining what he did there?
@pedropankaj
@pedropankaj Жыл бұрын
OMG this is totally insane all concepts are beautifully explain. I learn lot thanks Adrian
@SumanPokhrel0
@SumanPokhrel0 2 жыл бұрын
Thanks for giving us another gem. Appreciate your hard work.
@armansotude1474
@armansotude1474 2 жыл бұрын
Thank you Sir,I was looking for something like this 🙏
@javascriptmastery
@javascriptmastery 2 жыл бұрын
You're welcome!
@tegacreatives1673
@tegacreatives1673 2 жыл бұрын
You really deserve an award for the best react tutorials. Love to see more react native videos too 💯💯
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thanks! I really appreciate it.
@DB-dk2mj
@DB-dk2mj 11 күн бұрын
Thanks, bro - you helped me! Cheers!
@darrenarmani
@darrenarmani Жыл бұрын
i like ur accent when u explain over entire video, easy to understand for me who aren't native speakers
@abdellahdamri656
@abdellahdamri656 2 жыл бұрын
Adrian This is so dope !! I always look forward for your next project. I was just wondering if you could make a video about building a youtube like project with the MERN Stack. Thank you Keep up the good work
@javascriptmastery
@javascriptmastery 2 жыл бұрын
I'll definitely consider it! Thanks for the suggestion.
@bijendernagar15
@bijendernagar15 2 жыл бұрын
No words for your efforts Thank you so much
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Most welcome 😊
@ohmwai
@ohmwai 2 жыл бұрын
Beautiful. Just Beautiful. I will start on it by the end of next week.
@alexanderkomanov4151
@alexanderkomanov4151 2 жыл бұрын
just starting it - looks excellent!
@gourabbanik2043
@gourabbanik2043 2 жыл бұрын
Thank you sir I'm biggest fan of your teaching skills.
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thanks! I appreciate it.
@minhazkhan1291
@minhazkhan1291 Жыл бұрын
You make my dream come true, sir. Thankful for all of your kind and wonderful open source projects. I truely appriciate all of your efforts from the core of my heart. Take 💙💙🖤🖤 sir
@kingdommanga-anime151
@kingdommanga-anime151 Жыл бұрын
hello, please there is a part of the video i didn't understand. when creating the Project, there is a stage where he talks about overwriting dependencies. i did not understand what he did at that stage because he was going quite fast. Please wound you mind explaining what he did there?
Next js 15 is Here… New Changes Again?!
8:13
JavaScript Mastery
Рет қаралды 133 М.
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 489 М.
Heartwarming moment as priest rescues ceremony with kindness #shorts
00:33
Fabiosa Best Lifehacks
Рет қаралды 38 МЛН
Stay on your way 🛤️✨
00:34
A4
Рет қаралды 2,5 МЛН
Cool Items! New Gadgets, Smart Appliances 🌟 By 123 GO! House
00:18
123 GO! HOUSE
Рет қаралды 17 МЛН
These CSS PRO Tips & Tricks Will Blow Your Mind!
8:48
Coding2GO
Рет қаралды 115 М.
React JS Full Course 2023 | Build an App and Master React in 1 Hour
1:11:44
JavaScript Mastery
Рет қаралды 1,5 МЛН
Reverse Engineer CSS Animations #Shorts
0:39
Fireship
Рет қаралды 929 М.
LIVE HackTheBox | Cyber Security | Pentesting | AppSec
The Cyber Mentor
Рет қаралды 137
Frontend Web Development Projects that got me hired
10:38
James Cross
Рет қаралды 278 М.
Tailwind CSS Full Course 2023 | Build and Deploy a Nike Website
2:49:57
JavaScript Mastery
Рет қаралды 599 М.
Heartwarming moment as priest rescues ceremony with kindness #shorts
00:33
Fabiosa Best Lifehacks
Рет қаралды 38 МЛН