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

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

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

50% 1

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

Наука

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

28 июл 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

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

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

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

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

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

Wow.

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

Wow, this is great

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

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

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

You can join his channel

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

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 2 года назад

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 RU-vid. Thank you Lama!

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

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

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

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 2 года назад

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 2 года назад

Thank you so much :)

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

@@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 2 года назад

@@elektrohands same query

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

Same question!

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

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

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

😍😍 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 ✨

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

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

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

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

@jeffwang8660 Год назад

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

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

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

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

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

@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 10 месяцев назад

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?

@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

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

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!

@LL-dd7qg 2 года назад

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

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

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 2 года назад

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

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

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

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

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

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

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 2 года назад

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

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

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

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

can you please share the code for react-stripe

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

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

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

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

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

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

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

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 2 года назад

Thank you man!!

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

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

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

This was helpful. Thanks a lot!

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

@@dalyryl will be great.

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

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

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

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 ☕

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

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

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

Yayyyyyy you're backkkk I was waiting for this !

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

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 2 года назад

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

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

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

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

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

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

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

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

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

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

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

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

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

@AbdulWahab-ke4bh 2 года назад

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

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

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

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

Thank you!

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

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

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

Thank you! ❤️

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

still gettig error

@muhammadroby2892 2 месяца назад

thank you my bro

@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

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

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

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

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

@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!

@8pro53 2 года назад

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 2 года назад

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

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

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

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

@@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

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

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 2 года назад

I also wanted to know, do you think?

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

I'm stuck here also please help me guys

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

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

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

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

@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 7 месяцев назад

Did you get this?

@VishalSharma-nc7uy 7 месяцев назад

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

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

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 2 года назад

Thank you soooooooooooooooooooooooooooooooooo much!

@PRADEEPKUMAR-uh7lo Год назад

Thankuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu 👍👍👍👍👍

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

Thanks for the info. Was stuck here.

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

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

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

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

@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 :)

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

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

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

Necesito saber lo mismo. Estoy perdido en el repositorio.

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

@@pablocontino4794 hi. do u find this code ?

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

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

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

did u ever find it?

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

@@sultanhboush2065 did u ever find it?

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

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

@eQ-13 2 года назад

Thank you Lama. Really appreciate what you do.

@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 11 месяцев назад

Thank you so much

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

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_ 2 года назад

Yh... They could send a false amount

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

How do you resolve this?

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

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

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

@@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_ 2 года назад

@@lyzerbautista6513 ☝️

@AmanSingh-my5mw 2 года назад

Thanks for this amazing content Lama Its literally helpful .

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

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

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

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

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

Same error. Is there anyone who can help us

@manhlamviec2647 Месяц назад

same

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

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 2 года назад

Hello ! Do u find the code from second part?

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

We missed the first part of this app. Come to the current episode by watching this video. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-c1xTDSIXit8.html .He completes the front end in this video and It continues at 1.51 "Keep Coding"

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

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

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

@@jellycoding There's a video he missed

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

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

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

Awesome content! 👍🏻 waiting for next video.

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

This channel is a hidden gem omg

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

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

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

You are a good teacher of React JS.

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

Lama, you're the absolute best!

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

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

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

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

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

Whenever I open RU-vid 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.

@mksoftware91 Год назад

It was amazing , especially stipe payment part!

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

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

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

Lama top work, bravo 👏

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

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

@manikandanmk2959 Год назад

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

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

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

@L_informatique_FanTom 9 месяцев назад

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

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

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

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

Most underrated programming RU-vidr.

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

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 2 года назад

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

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

You are the best I have seen so far

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

Best RU-vid Channel for Project Building !!!!!!!!!!!

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

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

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

Amazing! Can't thank you enough ❤

@harunyeni1845 11 месяцев назад

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

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

omg! you have the best content on youtube!

@sobhansefidkar2898 5 месяцев назад

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😉🌹

@talhetech Год назад

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

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

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

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

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

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

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

@ishikapanwar8747 Год назад

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

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

Cant wait for the next part

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

Awesome, I learned a lot, thank you my friend

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

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

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

Just make sure that you tap it odd number of times

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

great stuff, subscribed!

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

Incrível, parabéns pelo conteúdo...

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

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

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

"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 2 года назад

please can you share source code for reactStripe

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

@@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 2 года назад

Does this tutorial include registration page connection with the app?

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

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

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

lama thankyou so much man! really appreciated for your effort here one request to you please continue the first part of frontend with backend like how admin add new items delete item or update item from frontend side! Thankyou