High Definition Standard Definition Theater
Video id : P43DW3HUUH8
ImmersiveAmbientModecolor: #f2cec0 (color 2)
Video Format : 22 (720p) openh264 ( https://github.com/cisco/openh264) mp4a.40.2 | 44100Hz
Audio Format: Opus - Normalized audio
PokeTubeEncryptID: 436a83707dbddc2cc9da9d7cae81fa7897f3bd53f7e46e46b7fb3a8919b244014be7b01a3705e2bd6f25e0ef49933357
Proxy : eu-proxy.poketube.fun - refresh the page to change the proxy location
Date : 1715762877983 - unknown on Apple WebKit
Mystery text : UDQzRFczSFVVSDggaSAgbG92ICB1IGV1LXByb3h5LnBva2V0dWJlLmZ1bg==
143 : true
MERN Recipe App with Authentication - Build & Deploy A React Intermediate Project
Jump to Connections
152,681 Views • Mar 7, 2023 • Click to toggle off description
Deploy your application RIGHT NOW with Hostinger!: hostinger.com/pedrotech (get 10% off with code PEDROTECH)

Code: github.com/machadop1407/MERN-Recipe-App

Join our Discord: discord.gg/WE92Cqs6Vk

🚀 Learn ReactJS By Building 6 Projects: codedamn.com/learn/reactjs-projects
🐙 GraphQL Course: codedamn.com/learn/graphql-for-beginners
► Buy Crypto on Coinbase: coinbase-consumer.sjv.io/PedroTech

Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: machadopedro.com
Linkedin: www.linkedin.com/in/machadop1407/
Instagram: www.instagram.com/pedro.fmachado_
Github: github.com/machadop1407

Business Email: pedro@pedrotech.co

🌟 Gear / Hardware I Use and Recommend 🌟
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
💻 amzn.to/42kqFuM 💻 Monitor
🖱️amzn.to/3C0ZhHb 🖱️ Mouse
📷 amzn.to/3OHJvbM 📷 My Camera
🎤 amzn.to/3oxSthj 🎤 My Microphone
⌨️ amzn.to/3oFPpj1 ⌨️ My Microphone
amzn.to/3MYMnzM ⚡ LED Lights In the Background

Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial

00:00:00 | Intro
00:00:54 | Project Demo
00:05:06 | Setting up Hostinger
00:11:52 | Setting up Express.js Server
00:16:46 | Setting up MongoDB
00:27:15 | Setting Up & Using MongoDB Compass
00:59:55 | Creating the Authentication Component
01:20:49 | Creating the API for Recipes
01:42:34 | UI for Recipes
02:22:44 | Validating Requests
02:30:41 | Deploying to Hostinger

#reactjs #coding
Metadata And Engagement

Views : 152,681
Genre: Science & Technology
Date of upload: Mar 7, 2023 ^^


Rating : 4.951 (48/3,844 LTDR)
RYD date created : 2024-05-15T03:24:33.29838Z
See in json
Tags
Connections

YouTube Comments - 269 Comments

Top Comments of this video!! :3

@PedroTechnologies

1 year ago

Deploy your application RIGHT NOW with Hostinger!: hostinger.com/pedrotech (get 10% off with code PEDROTECH)

17 |

@FN-zg8lj

1 year ago

The best tutorial I've seen! Thank you for explaining soo thoroughly and not using any sponsored stack. You're amazing!!

|

@arslanazhar8947

2 months ago

Tbh, I watched three of your videos at certain times (when the need arose), and I always got the right solution straight to the point. Thanks, Pedro!

|

@eddyelamin9015

1 year ago

This is the kinda projects we look for. Thank you Pedro

4 |

@Mirrasim

1 year ago

English is my fourth language and I started learning programming in English and you are one of the few whose accent I understand well by ear. Thanks for the content.

34 |

@thugsmf

1 year ago

Hey Pedro, thank you for the tutorials. The way you explain things is very intuitive. Yes, please show us how to deploy the backend! thanks again

3 |

@Jack_Sensei

1 year ago

Really needed this video right now! Thanks Pedro!

2 |

@anupchaudhary4253

1 year ago

Pedro , I started learning web development because of u , and I have won one national hackathon. So ,Thank u so much , please keep creating great content for us .

3 |

@sigfigronath

1 year ago

More videos like this Pedro !!! Simple project ideas like this that highlights MERN functionalities

1 |

@alero9505

1 year ago

Very good tutorial 👏 I think It would be great if for the next time you can create a design schema for the whole system you will build, showing web client, api endpoints, database, server and its relationship. I think that having an overview of everything before implementing would be great.

5 |

@sakibcoder

1 year ago

You are amazing, Please make more tutorial like this one. in two and half hour you showed so many things!!! That's really incredible

|

@joshithmurthy6209

8 months ago

Thank you very much for this tutorial , it was very much needed for me as a beginner . It is short and builds foundation for making bigger project.

|

@k303k

10 months ago

Because of youu I 've learned everything about Full Stack Javascript.BEfore i met your channel i only know about javascript but then i learn react,firebase, nodejs, expressjs ,mysql and mongo db from your channel.After finishing your teaching , i can do projects well on my own.I can think how to addd features.You are a legend bro.I will never forget you when i get my first job!!!!

|

@BrandonGiordano

11 months ago

Hey, I'm a coding bootcamp graduate and I just noticed a lot of things you could probably clean up to make this a little more user friendly and production ready. For instance a should be able to automatically log in and navigate to the homepage after registration. Some of your naming conventions are a little inconsistent as well. Also I would advise moving your main "index" server folder outside of your src folder so that it's easier to run both the client and server concurrently from the root. Also your repository seems to be missing bits and isn't fully functional. For instance I copied it down to a separate repo from what we did in the video and it seems the post routes aren't working and the homepage is missing the useCookies tools. There's also a ton of places where you declare variables but never use them. Maybe update that repo so it's easier to verify after the tutorial

4 |

@erinerin1020

1 year ago

Thank you Pedro for this tutorial. I'll be so grateful if you will make mern tutorial on filtering and sorting data<3

1 |

@jaia466

1 year ago

I have learned so much from you and learned React mostly from you. I got a job last year just by learning through your lessons. What you teach is always what I really need. Thank you Pedro! 😁

7 |

@stonecomstock

1 year ago

Thank you Pedro! I can't wait to go through this tomorrow. Just what I needed!

|

@thyagosic

1 year ago

Amazing tutorial. You've won a subscriber. Keep up with the good work.

|

@amgedelmasry322

1 year ago

thankyou for the effort, simple explanation and very beginner friendly

|

@kirannankani9707

2 weeks ago

love all your videos and tutorial. Thank you 😊

|

Go To Top