Node.js E-Commerce App REST API with MongoDB | Shopping API with Stripe & JWT

Node MongoDB eCommerce Rest API using Stripe payment method. Node.js shopping API tutorial using express, MongoDB, and JWT for beginners.
Last Part (Design): h • React E-Commerce App D...
Next Part (MERN Stack Shopping App): Coming Soon
Buy me a coffee: www.buymeacoffee.com/lamadev
Join me: / @lamadev
Source Code: github.com/safak/youtube/tree...
Join Lama Dev groups
Facebook: / lamadev
Instagram: / lamawebdev
Twitter: / lamawebdev
Discord: / discord
0:00 Introduction
01:08 Creating an Express App
06:11 Node.js MongoDB Connection
12:20 Understanding Node.js Router
21:15 Node.js MongoDB Models
31:45 Node.js MongoDB Authentication
50:28 Node.js JWT Implementation
54:00 Node.js CRUD Operations with JWT
01:37:50 Advanced MongoDB Functions
01:46:23 Node.js Stripe Implementation
01:51:04 Stripe React.js Implementation
01:57:04 React, Node.js, Stripe Payment Implementation
02:06:21 Outro

[@unknownman1]

*Not all heroes wear capes. Thanks for what you do for the community*

[@coderblip8435]

Bro I swear if I make money from this I’m gonna find a way to pay you back. I love you man!

[@danaharley3565]

Wow.

[@bemotivateddaily271]

Wow, this is great

[@momimdoingfine1502]

I'm trying to get from testers to developers If I will, first paycheck is for lama

[@yakimura96]

You can join his channel

[@brilliantatosam6882]

Now, you can watch the ads that pop up. I believe our superstar could make a few dollars from it. Myself, I never skip an ad on his videos.

[@vlias500]

For me, the guy who never worked with backend it was clear enogh to understand what is going on here. You have the best tutorials I have ever found on KZbin. Thank you Lama!

[@denisgitau3600]

Great work holding our hand as we walk through our development endeavors! Thanks a mill!

[@Kermin00]

Another great tutorial! Thanks, Lama, you are really improving my js knowledge. If i become js developer, it will be thanks to you!

[@user-ty5pd4xw2y]

Hey Lama Dev! thank's a lot for your great work, all these amazing tutorials and skill sharing! I've learned so much from your videos on React and Node... I wish your channel 1M followers asap since it provides great content and value for beginners. Cheers! Bought few coffees as well))

[@LamaDev]

Thank you so much :)

[@elektrohands]

@@LamaDev Dear Lama, Where can I download the source code for the React app in 01:51:04 "Stripe React.js Implementation" part? Thanks a lot! Pay.jsx Success.jsx App.jsx

[@shivangbhardwaj3165]

@@elektrohands same query

[@guillaumefazekas9474]

Same question!

[@musictech166]

@@LamaDev all of your efforts Sir, give it keep, ALl the best

[@hasanfuad6631]

Take my love LAMA DEV. I think you're the most underrated youtuber on YT. Globally only 65.5k Subscribers!! Unbelievables!! People consumes typcal motivational speech more rather than these gems!

[@juwonakande6320]

this guy is the best teacher ever the content of his video improves your skill on every side from front-end to back-end

[@jeffwang8660]

If you are using react-router v6, I found that you need to use the useNavigate hook, instead of useHistory (2:05:00)

[@harrisonekpobimi4764]

Thanks for all these worthwile projects. You have truly come through for the most of us. If you got the time, we would love a MERN project with Auth including PasswordReset, Email Signup Flow etc

[@ajaysri004]

Loved the way you teach Safak. Keep doing these there is a need to people like you in the society.

[@zourdy697]

dude I love you man, you doing a great job sharing a knowledge for FREEEE with the newbies

[@toannew]

notice when cloning the project: 1. change env. 8:33 scrypto 39.41, PASS_SEC 41:51, pass_Sec can be set randomly as you want 53:00 JWT_key (JWT_SEC) 54:00 Verifytoken:

[@donaanna1243]

Does this tutorial include registration coding?

[@josephwhiteowanodelon3672]

Hey so what exactly should I change in the verifytoken file

[@AmitGhosh-lj3oc]

change env?? can you please explain brother i am not able to connect my db with it

[@sunerose]

Thanks lama, part 2 completed. Your course is a great complement to my fullstack course I've completed last year. It helps me to stay in webdev process before I get my first job.

[@mrsecretstatus9999]

did u completed is project, I am new MERN stack shall follow this tutorial for this project or not

[@sunerose]

@@mrsecretstatus9999 I've finished FullStack course, so a lot of this thing are clear for me. But that took me 1 yr. I recommend o learn the basics and then improve skills with this project.

[@newbieguy2509]

1:13:04 help me here unable to get the user

[@funnjoy2499]

@sunerose please help me i got stuck at some point and unable to debugg bro

[@Short_Storm]

Finally, it is here. This video will be remembered in good memories. Cannot thank you enough.

[@pedroacuna8505]

😍😍 muchas gracias por hacer estos videos !! Thanks so mach 🙌🏾🙌🏾 Esperaba con ganas esta segunda entrega ; lo haré poco a poco 😎 muchas muchas gracias my brother ✨

[@macjelly1259]

For query strings it probably would be more efficient to use req.query as a filter for mongoose.find() method. As category query string does not match "categories" in the product schema, you could destructure req.query, build a custom object and pass it into the .find() method: const { category, ...rest } = req.query; const query = {...rest}; if(category) query.categories = category; const products = await Product.find(query); Otherwise, you'd have to write lines of if statements

[@memesnow1324]

hey macjelly1259 (1:44:50) i am facing this problem , when i try to upload more than one orders { "index": 0, "code": 11000, "keyPattern": { "userId": 1 }, "keyValue": { "userId": "650d4c4e6f828889a5534c4b" } } can u help me?

[@ferdinandeke9590]

Lama came through... love you bro...been waiting for this all week.

[@LL-dd7qg]

Hi Lama, this is the first time I found you and I am so impressed. Thanks a lot!

[@shiestypooo1016]

Awesome content. I did your part one and now doing this. This was a great project and also great how you get right to point of things. Keep up the great work you earned a lifetime subscriber here!

[@shradhanjalibiswal746]

How did you got the code for the react-stripe ?? is it creating a new folder and then again cloning the react ?

[@aasthagoyal5059]

@Shiesty pooo Are u able to run complete program?? and How??

[@vineetnair2989]

can you please share the code for react-stripe

[@tkpcompshd9924]

Hi Lama, it that possible you give the source code of the test for stripe payment with the component pay and success ? thanks

[@nsikakessien]

You're doing well Lama, thanks sincerely for all these contents.

[@rafayzia4180]

Yayyyyyy you're backkkk I was waiting for this !

[@dalyryl]

followed everything but got stucked on the last part........................................................ AFTER AN HOUR I MANAGED TO FIGURE OUT THE fault. you will get a 500 internal server error and reflect an authentication error if you put const stripeRoute = require("./routes/stripe"); before dotenv.config();

[@danielojeda7753]

Thank you man!!

[@dalyryl]

@@danielojeda7753 no prob brother, we can create small discord group for aspiring nodejs devs if you want

[@emanuelameh5722]

This was helpful. Thanks a lot!

[@danielojeda7753]

@@dalyryl will be great.

[@erdenedavaasharavdorj9891]

Thank you, you saved a lot of time from confusing.

[@raphaelthibaut2038]

Damn I followed many courses about NodeJS, Express, MongoDB and so on... And your 10 first minutes solved many questions I had, that I couldn't figured out. And your course is free, that insane. You truly deserve a Coffee ☕

[@komailniazi7483]

You are amazing man your contribution to the programing world is remarkable....HATS OFF !!!!!

[@markadvincula5297]

Omg this is so relaxing I nver thought I've been already at it for almost 30 mins lol! Subscribed man, keep it up

[@jamesvongampai5592]

47:35 For /login route I had to check in an "IF" statement and return the res.status().json() for checking wrong password & wrong username or else I got an error "Cannot set headers after they are sent to the client". I believe this is because the code will still try to execute the following lines even after a response has been sent.

[@elladumpsterfire]

I had to do the same thing! Glad to know it's not just doing that on my laptop.

[@vineetnair2989]

i've been searching this for hours. Thank you !!!

[@anthonyezeh6736]

@@elladumpsterfire I swear, it had me wondering what was wrong or days.

[@longle7045]

Can I see your if statement? 'Cuz mine hasn't been working

[@juniorbangs9823]

@@longle7045 make sure your putting 'return res.status()...' in if statement block

[@klhmia]

For the user passwords, would it not be more secure to one-way hash the passwords and compare hashes based on the secret key as opposed to encryption with AES? Thank you for another amazing and educational video!

[@-seoulair]

You responded to your own question

[@AbdulWahab-ke4bh]

This is the best video in my whole learning phase of web development, period!

[@martinlupa8692]

You are amazing Lama! Thank you for all the knowledge you share!

[@patrykszindler7215]

If you have a problem with "MongoAPIError: URI must include hostname, domain name, and tld" then first check if you have special characters like !, @, # etc in your password. If you have them, you need to translate them into hex, otherwise the uri string will be misunderstood by the Mongo client. For example, we have a password: p@ssw0rd!, write it like this: p%40sww0rd%21. It should work ;)

[@lilyflower91]

Thank you soooooooooooooooooooooooooooooooooo much!

[@PRADEEPKUMAR-uh7lo]

Thankuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu 👍👍👍👍👍

[@tarungupta2198]

Thanks for the info. Was stuck here.

[@VishalSharma-nc7uy]

Hey Lama!! From where can i download the react files for the React app in 01:51:10? Is the react implementation done in the same e-commerce-api project or did you make a different project for this? I'm stuck here and any help would be appreciated.

[@ezeemmanuel]

Did you get this?

[@VishalSharma-nc7uy]

@@ezeemmanuel na, I just wrote it by repeatedly pausing his video as he shows it. Also his stripe implementation didn't work

[@godwinizekor7183]

I love you for real... I was afraid to learn react, but you have opened the world for me

[@preshndams]

Lama Dev you're the best. Much appreciated from Nigeria

[@thuanbiro]

Noitice in 09/2022 (React Router v6): - use: instead of - use: instead of - use: import { useNavigate } from 'react-router-dom' instead of { useHistory } from 'react-router-dom' and navigate('/success') instead of history.push('/success') (sry my bad Eng) - Thank you Lama for all your contributions for dev community, hope to see more of your project in the next time.

[@pillel4811]

I dont get backend info to console after i use pay link. could you tell what i have to change in pay.jsx fail? i have it like it is in the video

[@zaiba4098]

tanks bro

[@danielalejandrojimenezgonz6593]

Thanks bro!

[@MarkA12]

if you have an error when payment(Api-key undefined), take //const stripe = require("stripe")(process.env.STRIPE_KEY)// inside ...router.post...

[@riccardobellinello5074]

Thank you!

[@danieldumitrache9372]

Thanks! I was trying to figure out just how to fix this

[@XxSouIxX]

Thank you! ❤️

[@ranuchaubey90]

still gettig error

[@muhammadroby2892]

thank you my bro

[@8pro53]

Thank you for this lesson but I would like to know if is possible to give us the like for the React App you used to for stripe payment. Thank you

[@sultanhboush2065]

Hello, did you fine the source code for it? or did you find a way to complete it?

[@vineetnair2989]

@@sultanhboush2065 hello sultan. Did you find the source code?

[@sandyGamer97]

@@vineetnair2989 its very easy, you create two routes , implement react router dom then add two componets, route those components. then add stripe checkout, thats it, take the token id given by stripe , pass it to the backend , your payments will be visible

[@adamaraga4610]

Thank you lama Dev for All your amazing project. I am a huge fan of your work.

[@ashikurrahman5729]

Whenever I open KZbin for MERN project, all the time I have visited your channel al least one time. You are good teacher ever for me. May Allah bless you. Be happy & Healthy always. Love from Bangladesh.

[@rafael.p.ferreira]

There's a major error in this tutorial. If you don't use "return" when calling res.send() or res.json(), the function will never finish and you will be unable to submit any new HTTP requests to the server. Otherwise, it's a pretty good tutorial. Thank you!

[@vishnuvarthan1739]

thank you so much!!

[@Laura-bm8oo]

Thank you! I tried to figure out why it breaks after a few attempts and it fixed the issue 😄

[@allenlinogon2036]

The log in will prompt in Postman as incorrect password though the registration is the same password I use still get error 401

[@mrsecretstatus9999]

did u completed is project, I am new MERN stack shall follow this tutorial for this project or not

[@vishnuvarthan1739]

@@mrsecretstatus9999 some errors may occur due to some deprecation. You can easily fix them

[@boonchon64]

For the stripe part, the files for Pay.Jsx, App.Jsx and Success.Jsx are in the src folder. How are they linked to the rest in API folder ?

[@josianerocha552]

I also wanted to know, do you think?

[@cassiekim4321]

I'm stuck here also please help me guys

[@MrIhatefrogs]

you are the best mate! my favorite web dev teacher...

[@ialtoobi]

Thanks for sharing knowledge, very well explained and easy to understand 🙏🏼

[@jayeshpatil200]

Many people's facing issue while updating user time around 1:08 getting error of 500 internal server :- Fix it easily simply adding :- Const User = require (".. /models/User") ; Import this into your routes/ user.js file it's work.

[@subhamdas943]

Thank you so much

[@kamilkarchut8362]

Now code like: !user && res.status(401).json("Wrong username!") couses problems with api, it should be changed to: if(!user) { res.status(401).json('Wrong username!'); return;}

[@biso1552]

you legend, thanks a lot :)

[@sambathsuong5229]

You are a good teacher of React JS.

[@eQ-13]

Thank you Lama. Really appreciate what you do.

[@phucthanhtran1214]

Where can I download the source code for the React app in 01:51:04 "Stripe React.js Implementation" part? Thanks a lot!

[@pablocontino4794]

Necesito saber lo mismo. Estoy perdido en el repositorio.

[@dsddsfdvcvcsf]

@@pablocontino4794 hi. do u find this code ?

[@sultanhboush2065]

Hello, did you find a way to complete the react app?

[@alienalien9288]

did u ever find it?

[@alienalien9288]

@@sultanhboush2065 did u ever find it?

[@MediamatchSE]

What happened at 1:51:04 ??? It feels like you skipped a part here. Everything was fine and worked well until this point. Now I'm completely lost and at 1:52:00 I don't know what you are doing any more. Where do you add the files you "created"? The React code?

[@dsddsfdvcvcsf]

Hello ! Do u find the code from second part?

[@emirguler1156]

We missed the first part of this app. Come to the current episode by watching this video. kzbin.info/www/bejne/mWLbhXeJfr2cqpo .He completes the front end in this video and It continues at 1.51 "Keep Coding"

[@jellycoding]

@@emirguler1156 You must have skipped over a video or something? That isn't from this.

[@emirguler1156]

@@jellycoding There's a video he missed

[@jellycoding]

@@emirguler1156 Yea I know. He should add the missing video.

[@HydraStar01]

very clean and nice code, also useful for beginners or people trying to have a refresher of the mern stack. thank you!!

[@alexkimeu7480]

Awesome tutorial! Learned a lot. Thank you for this.

[@jakub7048]

1:49:30 I think the amount passed to stripe shouldn't come from the client side, it should be calculated within the route function

[@sheyzi_]

Yh... They could send a false amount

[@lyzerbautista6513]

How do you resolve this?

[@ojasdighe991]

@@sheyzi_ but user is not calculating amount, user only selects which items to pick and their quantity, amount will be decided automatically

[@sheyzi_]

@@ojasdighe991 It is still a risk... What if the request isn't coming from the front-end A better way is to receive the Id and quantity then check the price of the product from the db and multiply it with the quantity. Do that for all the items in the cart and add all of the derived price together as the total price then send that to stripe

[@sheyzi_]

@@lyzerbautista6513 ☝️

[@tevzkristan1315]

2:02:28 I'm getting "Request failed with status code 500" error can someone please help me?

[@shanmukatonangi2302]

Same error. Is there anyone who can help us

[@manhlamviec2647]

same

[@pranavyeole102]

This channel is a hidden gem omg

[@AmanSingh-my5mw]

Thanks for this amazing content Lama Its literally helpful .

[@sobhansefidkar2898]

So greate i am an irani and my English is not so good but he explains very clearly and use useful words to explain i think all people can use this video to improve their skills Thanks of lama dev😉🌹

[@air_kene3419]

Most underrated programming KZbinr.

[@L_informatique_FanTom]

Thanks a lot Lama Dev for your great work, you're amazing

[@ojaspalorkar7434]

Best KZbin Channel for Project Building !!!!!!!!!!!

[@ramsir011]

lama dev is really awesome. I am learning great things every time i watch your video

[@deiv319x]

Lama, you're the absolute best!

[@talhetech]

Lama, you are great, this tutorial helped me a lot

[@manikandanmk2959]

Really great work lama. lot of my friends learning from your videos. and your voice also really great. thank you lot...

[@mksoftware91]

It was amazing , especially stipe payment part!

[@harunyeni1845]

You are the best man who i have seen so far in that area. thanks for videos.

[@goldchannel4857]

What a big content you share with us thanks man you are doing big thing to us

[@mizzo995]

You're incredible I'll buy you coffee for real... Not many people offer such good teachings

[@yashkhatwani3198]

You are amazing sir . Thank you for such a detail implementation and explanation

[@awaisraza2285]

Man you are awesome. After traversy media you are the one of the best... I follow your tutorials and its just awesome... Hope you will start next js too

[@msalameh01]

Many thanks , you deserve a million star on this video, great job 👍👍

[@ellsonmendesYT]

Oh my god! the back end part, ur my hero!

[@iftikhar_hussain]

Your speaking is good, way of teaching also good overall you're great, Thanks

[@dennisngari1074]

You are really great man.. May all your dreams come true

[@tacanda6479]

You are the best I have seen so far

[@muadzrosli]

Awesome content! 👍🏻 waiting for next video.

[@ossamaelidrissi2624]

Thank you so much mr lama for this video , love from Morroco

[@ishikapanwar8747]

Thank you for this great video! Learnt a lot from it.

[@ladylove2031]

I wish I could just keep tapping the like button!!! Great works

[@bhaveshkumar6842]

Just make sure that you tap it odd number of times

[@rayenhidri584]

perfect job as always, thx a lot

[@jesustzinon]

Hey bro, seriously, grat job, thanks alot you are the man!

[@avinashmurmu9070]

Thank you lama dev for putting in so much effort 🙌🏾😍😍, took me a whole day to code along with you. finally completed, moving to next video. Thank you so much.

[@sujoydutta920]

For me, it took more than a day to code along but it was worth it.

[@toseebbeg1041]

@@sujoydutta920 bro can u please share your github , or can u pleasehelp me how he created rect app for payment

[@toseebbeg1041]

bro can u please share your github , or can u pleasehelp me how he created rect app for payment

[@bibhushankarki9194]

omg! you have the best content on youtube!

[@BarakAlmog]

Thank you so much! You're doing god's work.

[@taido2429]

I have one word for you => "wonderful 💯" Thank you for this ❤

[@asmrbyst]

Amazing! Can't thank you enough ❤

[@dipankargiri7612]

Amazing teacher 😍🤩🤩 your video very very helpfull for beginners

[@mongezibuthelezi3926]

Wow!!!! Thank you so much. Now, I can finish my web app

[@abaytekle21]

best of best content on the entire planet for free Thank you so much Safak 🙏🙏🙏

[@irvagui]

Awesome, I learned a lot, thank you my friend

[@HENRYBODOSA]

Thank you very much.. best KZbinr

[@narayadewe7979]

I Finally finished the project, now I understand how to link both sides, THANK YOU SO MUCH :)!!!

[@aledc777]

it that possible you give us the source code of the test for stripe payment with the component pay and success ? thanks

[@toseebbeg1041]

can u please share your source code

[@user-cf3gi9zj3i]

I'm learning node js and express with you, thank you so much😁

[@dsddsfdvcvcsf]

Привет! У тебя получилось сделать вторую часть с платежкой?

[@collinsmbathi8584]

thanks lama dev . am good in Node because of you 😎

[@EsRicardo]

"If you are confused, just watch it again" I love him, is my first time deal with backend and so far the code is working, but I'd like understand more some concepts deeply, for sure I have to watch this tutorial at least 3 times. Good tutorial Lama.

[@ekundayotemidayo6923]

please can you share source code for reactStripe

[@EsRicardo]

@@ekundayotemidayo6923 Hello, please don't pay attention to the stripe part, he just showed it, to explain it, but if you follow the next tutorial you going to see the explanation step by step of stripe

[@donaanna1243]

Does this tutorial include registration page connection with the app?

[@iqbal5942]

I get notification 🔔 and when open it is lama video 😍😍😍🎉🎉🎉🎉🎉🎉❤❤

[@ivanbozveliev5335]

Really useful video thanks a lot!

[@ojiinnocent9117]

I call you the Robinhood of MERN stack web applications cos no youtube channel would teach for free all you have been giving out. I must make fortune from your wealth of knowledge that you share with us and I will pay my homage someday soon

[@Corntrop]

The best ecommerce on KZbin

[@yoga4491]

This should be a paid course, your works is incredible, i'm waiting for another your great project, thanks Lama ! Greeting from Indonesia !