MERN Stack Free Course: MongoDB, Express, React & Node.js Full Project
By LearnWebCode
Published: Jun 02, 2022“
Let’s learn how to build an app using the MERN Stack. My premium courses and coupons: https://learnwebcode.com/courses/GitHub link for this video: https://github.com/LearnWebCode/mern-…
CONTENTS:
- 0:00 Intro
- 3:10 Our Server (Node.js)
- 9:27 MongoDB
- 18:22 Connecting Node & MongoDB
- 33:10 React
- 51:53 Connecting React & Express
- 1:09:02 Password Protection
- 1:17:55 Create New Animal
- 1:35:43 User Uploaded Photo
- 1:43:36 Delete Button
- 1:49:10 Update An Existing Animal
- 1:56:30 Server-Side React Rendering
Follow LearnWebCode for updates on new videos or projects:
- Instagram: https://www.instagram.com/javaschiff/
- Twitter: https://twitter.com/learnwebcode
- Facebook: https://www.facebook.com/Brad-Schiff-…
- Twitch: https://www.twitch.tv/learnwebcode
”
Tag: MongoDB
[#Script #Coding] Microservice Architecture and System Design with Python & Kubernetes – Full Course
Microservice Architecture and System Design with Python & Kubernetes – Full Course
By freeCodeCamp.org
Published: Nov 08, 2022“
Learn about software system design and microservices. This course is a hands-on approach to learning about microservice architectures and distributed systems using Python, Kubernetes, RabbitMQ, MongoDB, mySQL.Course from Kantan Coding. Check out his channel: https://www.youtube.com/channel…
Kubernetes API Reference: https://kubernetes.io/docs…
Contents
- (0:00:00) Intro
- (0:01:02) Overview
- (0:02:47) Installation & Setup
- (0:10:16) Auth Service Code
- (0:32:25) Auth Flow Overview & JWTs
- (0:53:04) Auth Service Deployment
- (0:56:08) Auth Dockerfile
- (1:20:05) Kubernetes
- (1:37:26) Gateway Service Code
- (1:42:34) MongoDB & GridFs
- (1:47:04) Architecture Overview (RabbitMQ)
- (1:49:50) Synchronous Interservice Communication
- (1:50:49) Asynchronous Interservice Communication
- (1:53:19) Strong Consistency
- (1:54:07) Eventual Consistency
- (2:19:16) RabbitMQ
- (2:21:16) Gateway Service Deployment
- (2:35:34) Kubernetes Ingress
- (2:46:28) Kubernetes StatefulSet
- (2:51:18) RabbitMQ Deployment
- (3:09:35) Converter Service Code
- (3:33:43) Converter Service Deployment
- (4:21:09) Checkpoint
- (4:22:11) Update Gateway Service
- (4:31:46) Notification Service Code
- (4:43:24) Notification Service Deployment
- (4:51:55) Sanity Check
- (5:05:54) End
References:
- https://www.mongodb.com/docs/
- https://www.rabbitmq.com/documentation.html
- https://docs.microsoft.com/en-us/azur…
- https://docs.microsoft.com/en-us/azure/…
- https://cloud.google.com/datastore/docs/…
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news”
[#Script #Coding] Flutter Course – Build Full Stack Google Docs Clone
Flutter Course – Build Full Stack Google Docs Clone
By freeCodeCamp.org
Published: Oct 20, 2022“
Build a responsive cross-platform Google Docs Clone using Flutter & Node.js. This tutorial is designed for beginners in Node.js and no prior knowledge of Javascript is required. This course will go through Google Authentication WITHOUT Firebase, keeping the users logged in, creating new documents, viewing the list of documents created by the user, updating the title of the document, sharing the link of the document, adding a rich text editor, collaboratively editing with as many users as you want and creating responsive design. We will be using Flutter, Node, Express, Socket, MongoDB and Riverpod.Course created by Rivaan Ranawat. Check out his channel: https://www.youtube.com/c/RivaanRanawat
Source Code: https://github.com/RivaanRanawat/flutter-google-docs-clone
Special Thanks: @Aadhi ArunPrerequisites: Flutter & Dart Basics
Flutter Version: 3.3CONTENTS:
- (0:00:00) Intro
- (0:00:57) Creating Flutter Project
- (0:02:56) Designing Login Screen
- (0:09:24) Google Cloud Platform oAuth Client ID
- (0:13:00) Google Auth Android Setup
- (0:15:30) Google Auth iOS Setup
- (0:17:25) Google Auth Web Setup
- (0:19:17) Important Note on Auth
- (0:20:39) Running on Web on specific port
- (0:21:19) Google Sign In using Node.js
- (0:32:45) What is Node.js?
- (0:35:53) Creating & setting up Node Server
- (0:54:00) MongoDB Setup
- (1:01:01) Creating Signup API
- (1:32:16) Calling Signup API – Client Side
- (2:00:04) Persisting the State – Explanation
- (2:03:52) Generating JWT
- (2:07:31) Auth Middleware
- (2:22:50) Local Storage
- (2:41:15) Testing on Android
- (2:42:23) Routing
- (2:51:28) Creating NavBar
- (2:53:44) Signing Out
- (2:59:52) Creating New Document
- (3:23:32) Displaying all documents created by Me
- (3:37:57) Designing Document Screen
- (3:55:39) Updating Document Title
- (4:10:20) Socket Introduction & Connection
- (4:29:23) Collaborative Editing
- (4:49:26) Auto-Save
- (4:58:01) Routing Back to Main Page
- (4:59:45) Sharing Link
- (5:01:42) Conclusion
Resources:
SHA-1 Key: https://stackoverflow.com/questions/15727912/sha-1-fingerprint-of-keystore-certificate
Node Website: http://nodejs.org
NPM Website: https://www.npmjs.com
MongoDB: http://mongodb.com/
More about Status Codes: https://developer.mozilla.org/en-US/docs/Web/HTTP/StatusLearn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
”
[#Script #Coding] Build API Powered Dashboards – MongoDB, Discord and Mail API
Build API Powered Dashboards – MongoDB, Discord and Mail API
By freeCodeCamp.org
Published: Jun 24, 2022“
Build an API powered marketing dashboard using a low code approach. You will learn how to use Appsmith to easily create many tools that startups need. The dashboard will incorporate MongoDB, the SMTP API, and the Discord web hook.Ania Kubów created this course. Check out her channel: https://www.youtube.com/aniakubow
Appsmith Github repo: https://GitHub.com/Appsmithorg/Appsmith
This course was made possible by a grant from Appsmith. Learn more about Appsmith: https://www.appsmith.com/
Course Contents
- (0:00:00) Introduction
- (0:01:34) Getting started with Appsmith
- (0:10:56) Connected to MongoDB
- (0:23:00) Adding data to Appsmith app
- (0:57:08) Create send messages page
- (1:27:56) Show different marketing lists
- (1:51:36) Implementing Discord web hook
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
And subscribe for new videos on technology every day: https://youtube.com/subscription_cent…
”