React Node.js Fiverr App Full Tutorial | MERN Stack Freelance Service App w/ Stripe
HTML-код
- Опубликовано: 25 июн 2024
- React freelance job marketplace application course for beginners. MERN stack app with Stripe payment. React MongoDB Node full-stack app using hooks, stripe payment gate, react query
You are watching the 2nd part.
Watch part 1 (React Fiverr Clone Design): • React Fiverr App Desig...
If it is valuable to you, you can support Lama Dev.
Join: / @lamadev
Buy me a coffee: www.buymeacoffee.com/lamadev
Source Code: github.com/safak/youtube23/tr...
00:00 Introduction
03:18 Express server installation
06:39 Express server MongoDB Connection
12:39 Designing MongoDB Database Structure
28:45 How to create an Express API
33:48 Node.js MongoDB Authentication Tutorial
48:26 Node.js Secure Auth Tutorial with JWT and Cookies
01:02:28 Express.js Error Handling Tutorial
01:09:18 Logout and Clear Cookie
01:10:48 Login to a Node.js Server Using a React Application
01:23:33 Create a New User using Node.js and React
01:27:58 React Image Uploading using Cloudinary
01:35:28 Gig Route and Controller
01:46:53 MongoDB Filter Tutorial (req.query)
01:55:33 React Query Tutorial (Real-world example)
02:20:52 React Review (Rating) System
02:37:09 React Query useMutation Tutorial (Real-world example)
02:45:00 React Node.js Create and Fetch Orders
02:55:00 React Node.js MongoDB Chat Tutorial
03:30:00 React Node.js Stripe Payment Tutorial (Real-world example)
03:54:42 Search Filter
04:01:55 React useReducer Tutorial ( handling complex forms )
04:27:46 Outro Наука
This guy is just good. It's just amazing that this is all for free. Your explanation of context is amazing. ❤️❤️
Lama you just thrilled me with this tutorial.. this is absolutely mind blowing and awesome. I love every bit of it, just by mere watching the into. Will go through it in details. Thank you so much.
Many many many thanks man, the community really appreciates all you doing for us. Much is appreciated.
I really enjoy you showing us the documentation that you are pulling from. Small things make your videos top shelf
Your videos are very helpful.Thank you very much Safak. 👏
Lama , you know what , you are the best thing that has ever happened to internet .Huge Respect 🙏🙏🙏🙏🥰😍
My guy out here providing the best reactjs + mern projects on youtube
Just vote before every project
True
Man.. this is absolutely mind blowing. thanks a lot for effort to create this video.
As always, I'm very grateful to Lama Dev for such a great tutorial.
🙏🙏🙏 👍 👍 👍
wow,
this channel has come a long way,
congrats and keep going
Nice one Lama love the work your doing for the community keep it up♥️❣️
We will keep sharing your RUclips channel till it reaches every developer on planet earth
A big thanks to the most amazing man I have ever met in my life. Thanks so much Lamadev
THANK YOU LAMA LOTS OF LOVE. I HAVE LEARNED A LOT FROM YOU.
You are one of the best mern stack teacher on youtube
This is gold for free.. Thank you for the quality content ♥♥
wow, Thank you for doing all this full stack work, I always enjoy the the way you explain and show mern stack. I lol when the message said " hi jane wtf 2 stars" 😂😂
It's awesome. You've provided the things I was looking for. Thanks a lot.❤❤❤❤
That approach to cloudinary upload was a master move
My favorite developer. You deserve 1m subs at least, Lama!
You are simply superb
This series is great help for future techies ❤
I was waiting for this project thanks man
Great videos Lama. Would love to see nextjs + prisma and postgress
straight to the point
great man
YOU ARE MY TEACHER, YOU MAKE CODING FUN !
Out of all people that i've subscribed to their channel lava is the number one 👌 🙌 you always explain everything very clearly thanks
THANK YOU VERY MUCH FOR YOUR GUIDANCE! 🙏
Dear Lamba SIR, Please request you to keep in your pipeline the next project dedicated only for charts and use Recharts library which is very convenient when it comes to render chart and please load data from API to render charts and create a beautiful small dashboard in order to switch between deafferent charts.
Thanks
Hey lama! I just want to tell you that you're doing great. And rather than teaching the same content you come up with some new techniques and methods. I love your work , just wanna know what keyboard you're using its voice is too good lol :)
Awesome stuff...the best of d best LAMA
You are the best. Happy to see react query
Very nice tutorial!
I have a suggestion for a next video, would it be possible to add/make a fonctionnality in which an admin create an event with a limited number of participants and every members can register to participate at this event. Never saw anyone doing it, but it could be used in many app. (for exemple: online lessons, gym classes, sport event, conference, guided visite, etc...)
Many many thanks for another complete project❣️❣️❣️
Thanks Lama for this MERN ♥️
Thanks sir, you are the best and am happy that you made it MERN project 💖
You have the coolest videos! Thank you very much! Keep releasing content, please! If there is a desire, do such video to create a CRM system, I think it will be interesting to a large number of your subscribers. Interesting to see stack of tenologists: reach, express, sequalize, mysql, zustand
Hei Lama this is great!!
Next start with nest js, express had enough tutorials imo.
Hey lama, it has always been interesting seeing your new upload video because I know I am gonna catch a huge take away after watching.
I am recommending that you make a video on how to configure react app with jest and testing library to accept ES6 code format as many upcoming developers including me were stocked there now.
Thank you
Always love your projects sir ♥️
Thank you very much for using MERN stack
Such a great tutorial, thank you Lama, please do a Next js exam app or marketplace full stack app next
thank you for making this project in MERN stack
This is awesome... Thanks for this great project.
really greatful for the time and effort u put into this, very useful one thank you
Yep I'm definitely finishing this project! Holy shit!
Thank you so much lamaaa!
We owe you a lot!
Hello
Did you finished it?
I have some issues
@@sevoysans1215 Cannot read properties of undefined (reading 'title') did you have this error on the Gig.jsx page?
Thanks Very Much 😘🥰🤩
I learned more about Node+React 💫👍
Dude you're a life saver!
It took 2 months to realize the whole project. Absolutely brilliant 😂😂. Thank you for your explanations
same bro, is it fine or am I slow/dumb
Awesome!
Please teach us how to dockerize and how to deploy it on VPS.
thank you so much !! amazing content!!
You are best man!🙂 no doubt 🙏
I wish this guy to be my neighbor. Legendary, as always.
Only have done front-end and started back-end. Super excited...
Hi brother,have you completed the backend,is it responsive?
This is just wonderful ❤
Only you! who giving the source code for free, love for you❤️❤️❤️
wow thank you. This is great content. Yhe moment you open boot camp i will join in
you are amazing lama❤❤
God bless you very much and give you long life for you to teach us more stuff. Amen
This is really next lvl for me
You should’ve named your channel “Web developers’ paradise ”
Thank you so much from Syria ❤❤
Adnan bhai are you able to get cookie accessToken on the browser. If yes then kindly reply I need help.
Thank you so much this gorgeous tutorial. 47:25 I want to learn more tricks about Postman. 😇👏👏
Great job
Professional finish
Thanks 🙏 lama
Hey you completed backend too?? I need some help...🤦♂🤦♂
Thanks for this gem!
what content, you are insane! you deserve for big applause brooo 💯❤❤
completed this project?
I like and waiting ur projects Lama
Thanks Lama for your efforts for us💖❤️
You are amazing man
Love from Pakistan 🇵🇰
Lamadev you are awesome
I wonder how this could be scaled up to milestone payments, escrow service and payment automatically sent to the seller upon project completion, because right now, from what I saw, the money are received by website owner. Great project anyway, one of the few on RUclips that covers everything, starts from the beginner level, and goes up to advanced techniques.
What a knowledge! You must be a millionaire.
awesome video , love it
You are an amazing person i am missing words to thank you, Omg Thank you so much for this
for me order request returns req.userId undefined,do you have any solution for it?
Excellent Tutorial☝
You are best lama
Lama never misses No cap
Great tutorial 😍 Start making videos on React Native as well.
Hello.. Thank you for one more beautiful tutorial. I hope it is fully responsive!!! Keep up the good work
Actually its not...but making it responsive shouldn't be a problem
Hello please solve my problem....I can't upload my files on cloudinary
I completed part 1 and now moving to part 2. His explanation is understandable even by a beginner. 🤩🤩🤩🤩As u mentioned wht kinda videos we like , i'd say React, Native React and MERN stack videos.
did u tried hands on on 1 st part?is it responsive?
@@kuberangb5669 first part is focused on front end.. it working for me. i got the web app like lama
@@himasha3125 oh ok great...also what about part 2 did u tried it building hands on ,is it responsive?
Thanks you very much this video, wonderfull
Top stuff as always, would love to see a udemy clone or something similar in future, surprises you haven't made a full MERN stack course bootcamp course (from zero to full stack developer) as an affordable membership course, as your teaching style I reckon would make it the best around. In the mean time I think a membership style sight like a udemy would be a good one next unless you decide to make that bootcamp course 😉
You can create udemy mern project with knowledge from this video. If something is not covered here, there is always google, stackoverflow and chatgpt. Escape the tutorial hell and create something by yourself
@jmx6718
Definitely agree on getting out of being stuck in tutorial he'll and make your own.
Was just giving other examples to aid others which personally think Lamadev would make a brilliant bootcamp style subscription to teach people from scratch as one hell of a tutor.
I am at the stage where I comfortable developing my own apps, and mainly watch lamadev for entertainment reason and to see if I pick up anything new. Everyone should develop there own and not be stuck and reliant on watching tutorials, mentioning udemy as an example was just an idea for something else on his channel, as would be a good way of showing a subscription based development for others to learn from.
Ultimately you learn from the failures of doing your own development and took me a while getting out of tutorial hell and now have the satisfaction of creating my own things, so defo agree with you there.
A udemy clone would b wonderful
This is amazing, I am a python backend developer I am going to recreate this with a Django backend. Alone with your frontend ui . And when I am done I will share it here.
Waiting bro
did you done please
@henrycodingstack6952 bro can you please explain how to use cloudinary.....whatever Lama did in the video is not workind
waiting Mr. Wantapreneur
Another awesome project, thanks for this lama , pls can you make a MERN project with typescript,
Awesome, thanks
1Million subscribers soon
you are too good to be explain in words
mind blowing brother ❤❤, I request you to make full MERN auth video like email verification, forget password etc.
thanks Mr Lama!
🔥🔥🔥wow🔥🔥🔥
🎉🎉
please use typescript in your next sets of projects
First of all, sincere thanks to use the MERN in the subjected project which is more prevalent right now in the industry and next we request you to post the project of accounting(expenses, income) and other related things with dashboard embedded with charts and use the same technology MERN
again thanks to post such a great project on RUclips platform where more and more serous learners can get more and more assistance from your wonderful projects so it is a great service to humanity to provide such a great stuff and relevant technologies on a gig platform RUclips
We pray you live long and get all your legitimate wishes in the work and react the rewards hereafter.
God bless you
Hello, @LamaDev you have really been very helpful with these video tutorials. I would like to ask a question and it goes this way, is it possible to prevent the profile picture from being uploaded when the user is already registered or when there is an error in registering the user.
Absolutely loved this project. Got me a 9 SGPA in my major project.😊😊🔥
Can you please tell me how did you sort out the problem of adding a new Gig???
how did you make it mobile responsive?
@@suryaprakasaraor4876 have you solved it??? please share the solution...it will be highly helpful for me
Hello how to use cloudinary?? whatever Lama did in the video is not working ....my images are not uploading in the server
woow this video is awesome
Hey Lama thanks fot this video, please make next video with NextJS 13
Thanks a lot Lama
can you give us a tutorial on how to implement different types of online payments (case of payment by mobile money)?
Thanks a lot!
this is pretty cool, in your next tutorial can you integrate oauth login system
Hello lama sir , really like your project based tutorials, I have one request for you. Can you make a tutorial video (same type of project) usisng full next.js, using next's app dir or old next.js page structure and api routes. Best wishes 😊
awesome stuff
Very grateful sir
yet another great project, i would recommend if you can make it responsive please