• Stars
    star
    215
  • Rank 183,925 (Top 4 %)
  • Language
    TypeScript
  • Created over 4 years ago
  • Updated almost 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

[Stephen Grider] Microservices with Node JS and React [ENG, 2020]

[Stephen Grider] Microservices with Node JS and React [ENG, 2020]

Build, deploy, and scale an E-Commerce app using Microservices built with Node, React, Docker and Kubernetes


My Updatable Version of the final project from this course



How to run apps

I am working in ubuntu linux 18.04.

Minikube, Kubectl, Docker, Skaffold should be installed.


Skaffold installation

$ curl -Lo skaffold https://storage.googleapis.com/skaffold/releases/latest/skaffold-linux-amd64

$ chmod +x skaffold
$ sudo mv skaffold /usr/local/bin

Run minikube

$ {
minikube --profile my-profile config set memory 8192
minikube --profile my-profile config set cpus 4

// minikube --profile my-profile config set vm-driver virtualbox
minikube --profile my-profile config set vm-driver docker

minikube --profile my-profile config set kubernetes-version v1.18.2
minikube start --profile my-profile
}

// Enable ingress
$ minikube addons --profile my-profile enable ingress

$ minikube --profile my-profile ip
172.17.0.2

$ sudo vi /etc/hosts
#---------------------------------------------------------------------
# Minikube
#---------------------------------------------------------------------
172.17.0.2 posts.com
172.17.0.2 ticketing.dev

How to run the final app1


$ 04_Orchestrating_Collections_of_Services_with_Kubernetes
$ cd skaffold

$ docker login

Need to update my docker image name webmakaka/grider-ms-app1*** to your in scripts from skaffold and k8s folders.

$ skaffold dev

$ kubectl get pods
NAME                              READY   STATUS    RESTARTS   AGE
client-depl-99b7fcdcb-jhttp       1/1     Running   0          3m22s
comments-depl-69578db79c-jzdnh    1/1     Running   0          3m22s
event-bus-depl-7c5b75b7f4-m5qw6   1/1     Running   0          3m22s
moderation-depl-d7b49bfbc-cgl2l   1/1     Running   0          3m22s
posts-depl-78647cffd4-7gtzx       1/1     Running   0          3m22s
query-depl-656f9b6b58-bv7g7       1/1     Running   0          3m22s

browser --> posts.com


How to run the final app2


$ kubectl create secret generic jwt-secret --from-literal=JWT_KEY=asdf

// <STRIPE_SECRET_KEY> from stripe.com
$ kubectl create secret generic stripe-secret --from-literal=STRIPE_KEY=<STRIPE_SECRET_KEY>

$ cd 22_Back_to_the_Client
$ cd skaffold

$ docker login

Need to update my docker image name webmakaka/grider-ms-app2*** to your in scripts from skaffold and k8s folders.

$ skaffold dev

$ kubectl get pods
NAME                                           READY   STATUS    RESTARTS   AGE
auth-deployment-57d779fd9-48s9v                1/1     Running   0          24s
auth-mongo-deployment-579c6dbd8f-69jbv         1/1     Running   0          23s
client-deployment-f5cfc5b8d-k2lxp              1/1     Running   0          23s
expiration-deployment-6bb67856b4-jkkbl         1/1     Running   0          23s
expiration-redis-deployment-5b58b869fd-hmq5f   1/1     Running   0          23s
nats-deployment-76479997ff-lpss8               1/1     Running   0          23s
orders-deployment-5c68dff5c9-dq6hl             1/1     Running   0          23s
orders-mongo-deployment-6896c8b9-42vpd         1/1     Running   0          23s
payments-deployment-68d4c7f4ff-nfsxb           1/1     Running   0          23s
payments-mongo-deployment-c89cb4fc7-4ggn7      1/1     Running   0          23s
tickets-deployment-7b746fff9-tvhzw             1/1     Running   0          23s
tickets-mongo-deployment-54f456bd95-hv9fb      1/1     Running   0          22s

chrome browser --> https://ticketing.dev/


type: thisisunsafe in the browser window with security warning.


Expected result:

Application


Delete minikube with project

$ minikube --profile my-profile stop && minikube --profile my-profile delete


Development step by step


App1

02. A Mini-Microservices App

03. Running Services with Docker (Docker Basics. Nothing Interesting)

04. Orchestrating Collections of Services with Kubernetes


App2

05. Architecture of Multi-Service Apps

06. Leveraging a Cloud Environment for Development (Optional Section, Skipped)

07. Response Normalization Strategies

08. Database Management and Modeling

09. Authentication Strategies and Options

10. Testing Isolated Microservices

11. Integrating a Server-Side-Rendered React App

12. Code Sharing and Reuse Between Services

13. Create-Read-Update-Destroy Server Setup

14. NATS Streaming Server - An Event Bus Implementation

15. Connecting to NATS in a Node JS World

16. Managing a NATS Client

17. Cross-Service Data Replication In Action

18. Understanding Event Flow

19. Listening for Events and Handling Concurrency Issues

20. Worker Services

21. Handling Payments

22. Back to the Client

23. CI/CD (I will not deploy app to clouds)




Marley

Any questions in english: Telegram Chat
Любые вопросы на русском: Телеграм чат

More Repositories

1

Learn-Nodejs-by-building-10-projects

[Node.js][Brad Traversy] Learn Nodejs by building 10 projects [ENG, 2015]
JavaScript
176
star
2

Docker-and-Kubernetes-The-Complete-Guide

[DevOps] [Stephen Grider] Docker and Kubernetes: The Complete Guide [ENG, 2018]
JavaScript
58
star
3

MERN-Stack-Front-To-Back

[Brad Traversy] MERN Stack Front To Back: Full Stack React, Redux & Node.js [ENG, 2018]
JavaScript
48
star
4

Microservices-with-Node-JS-and-React-Improved

[Stephen Grider] Microservices with Node JS and React [ENG, 2021]
TypeScript
26
star
5

Microservices-and-Distributed-Systems

[Amigoscode, Nelson] Microservices and Distributed Systems [ENG, 2022]
Java
20
star
6

TinyHouse-A-Fullstack-React-Masterclass-with-TypeScript-and-GraphQL

[NewLine] TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL [ENG, 2020]
TypeScript
18
star
7

Node.js-API-Masterclass-With-Express-MongoDB

[Brad Traversy] Node.js API Masterclass With Express & MongoDB [ENG, 2019]
JavaScript
17
star
8

Uber-Eats-Clone

[nomadcoders.co] Uber Eats Clone [ENG, 2020]
TypeScript
16
star
9

Build-a-Real-Time-web-app-in-node.js-Angular.js-mongoDB

[udemy] Build a Real Time web app in node.js , Angular.js, mongoDB
JavaScript
15
star
10

MERN-Stack-Front-To-Back-v2.0

[Brad Traversy] MERN Stack Front To Back: Full Stack React, Redux & Node.js [ENG, 2019]
JavaScript
15
star
11

NestJS-Fundamentals-Course

[Kamil Mysliwiec, Mark Pieszak] NestJS Fundamentals Course [ENG, 2020]
TypeScript
12
star
12

vagrant-kubernetes-3-node-cluster-ubuntu-20.04

vagrant-kubernetes-3-node-cluster-ubuntu-20.04
Shell
10
star
13

Angular-and-NgRx-Building-Real-Project-From-Scratch-v1.1

[Oleksandr Kocherhin] Angular и NgRx - пишем реальный проект с нуля [RUS, 2020]
TypeScript
8
star
14

React-and-Typescript-Build-a-Portfolio-Project

[Stephen Grider] React and Typescript: Build a Portfolio Project [ENG, 2021]
TypeScript
6
star
15

Build-Ecommerce-Website-Like-Amazon-React-Node-MongoDB

[Bassir Jafarzadeh] Build Ecommerce Website Like Amazon [React & Node & MongoDB] [ENG, 2021]
JavaScript
6
star
16

Build-an-Instagram-Clone

[Reed Barger] Build an Instagram Clone with React [ENG, 2020]
JavaScript
6
star
17

Full-Stack-React-with-GraphQL-and-Apollo-Boost

[Udemy] Full-Stack React with GraphQL and Apollo Boost [2018, ENG]
JavaScript
6
star
18

The-Modern-GraphQL-Bootcamp-2019

[GRAPHQL, Node.js] [Andrew Mead] The Modern GraphQL Bootcamp (Advanced Node.js) [ENG, 2019]
JavaScript
5
star
19

Two-Tier-Enterprise-App-and-API-Development-with-Angular-and-Sails

Two Tier Enterprise App and API Development with Angular & Sails [2015]
JavaScript
5
star
20

The-React-Practice-Course-Learn-by-Building-Projects

[REACT, NODE, FIREBASE] [Udemy] The React practice course, learn by building projects [ENG, 2018]
JavaScript
5
star
21

Python-django-dev-to-deployment

[Python, Django 2.X][Brad Traversy] Python Django Dev To Deployment [ENG, 10/2018]
Python
5
star
22

Building-Business-Applications-with-Vue.js-and-MongoDB

[Mark Scott] Building Business Applications with Vue.js and MongoDB [ENG, Jul 2018]
JavaScript
5
star
23

Complete-Angular-Developer

[Zero to Mastery] Complete Angular Developer in 2023 [ENG, 2022]
HTML
4
star
24

vagrant-kubernetes-3-node-cluster-centos7

[DevOps] 3 node local kubernetes cluster by centos7
Shell
4
star
25

Serverless-Applications-with-Node.js

[Book, Manning] Serverless Applications with Node.js Using AWS Lambda and Claudia.js [ENG, 2019]
JavaScript
4
star
26

NodeJS-Microservices-Breaking-a-Monolith-to-Microservices

[Antonio Papa] NodeJS Microservices: Breaking a Monolith to Microservices [ENG, 2022]
TypeScript
4
star
27

React-Redux-Ecommerce-Master-MERN-Stack-Web-Development

[Udemy | Ryan Dhungel] React Redux Ecommerce - Master MERN Stack Web Development [10-2020, ENG]
JavaScript
3
star
28

gitops.ru

[gitops.ru] sources
SCSS
3
star
29

Creating-Apps-With-Angular-Node-and-Token-Authentication

Creating Apps With Angular, Node, and Token Authentication [2014, ENG]
JavaScript
3
star
30

jsdev.org

[WEBSITE] [jsdev.org] source codes
SCSS
3
star
31

Learn-Express.js-by-building-10-projects

[Eduonix] Projects in ExpressJS - Learn ExpressJs building 10 projects [ENG, 2015]
HTML
3
star
32

NestJS-Building-Real-Project-API-From-Scratch

[Oleksandr Kocherhin] NestJS - пишем API для реального проекта с нуля [RUS, 2021]
TypeScript
3
star
33

Packaging-Applications-with-Helm-for-Kubernetes

TypeScript
3
star
34

MERN-Stack-The-Complete-Guide

[Next.js, Semantic-UI][Reed Barger] MERN Stack - The Complete Guide [ENG, 2020]
JavaScript
3
star
35

Next.js-Projects-Build-an-Issue-Tracker

[Code With Mosh] Next.js Projects: Build an Issue Tracker [ENG, 2023]
TypeScript
3
star
36

AWS-Typescript-Masterclass-CDK-Serverless-React

[Alex Horea] AWS & Typescript Masterclass - CDK, Serverless, React [ENG, 2021]
TypeScript
3
star
37

MongoDB-for-Javascript-Developers

[MongoDB University] MongoDB for Javascript Developers
JavaScript
3
star
38

Vue-and-Vuex-Building-Real-Project-From-Scratch

[Oleksandr Kocherhin] Vue и Vuex - пишем реальный проект с нуля [RUS, 2020]
Vue
3
star
39

Front-End-Web-Dev-Masterclass-with-React-and-Material-UI

[John Bura] Front-End Web-Dev Masterclass w/ React and Material-UI [ENG, 2021]
JavaScript
3
star
40

Blockchain-for-Business-with-Hyperledger-Fabric

[Book, Nakul Shah] Blockchain for Business with Hyperledger Fabric: A complete guide to enterprise Blockchain implementation using Hyperledger Fabric [ENG, 2019]
TypeScript
3
star
41

Real-Time-Web-Apps-with-Socket.io

[Andrew Mead] The Complete Node.js Developer Course 2.0 - Real-Time Web Apps with Socket.io
JavaScript
2
star
42

React-hooks-writing-real-project

[Oleksandr Kocherhin] React Hooks - Пишем Реальный Проект с Нуля [RUS, 2019]
JavaScript
2
star
43

oracle-dba.ru

[oracle-dba.ru] исходники сайта
HTML
2
star
44

Working-with-React-and-Go

[Udemy, Trevor Sawler] Working with React and Go (Golang) [ENG, 2021]
JavaScript
2
star
45

ReactJS-and-PostgreSQL-Full-Stack-Application

[YouTube, Theodore Anderson] ReactJS and PostgreSQL: Full Stack Application [ENG, 2017]
JavaScript
2
star
46

Master-Full-Stack-Web-Development-Node-SQL-React-and-More

[David Joseph Katz] Master Full-Stack Web Development | Node, SQL, React, & More [ENG, 2018]
JavaScript
2
star
47

matematika.org

[Matematika.org] Source Codes
SCSS
2
star
48

plsql.ru

[plsql.ru] sources
SCSS
2
star
49

WebProject

[Ларичев Антон] [2021, RUS]
TypeScript
2
star
50

sysadm.ru

[sysadm.ru] исходники сайта
SCSS
2
star
51

NestJS-Building-Real-Project-API-From-Scratch-v1.1

[Oleksandr Kocherhin] NestJS - пишем API для реального проекта с нуля [RUS, 2021]
TypeScript
2
star
52

Angular-and-NgRx-Building-Real-Project-From-Scratch

[Udemy, Oleksandr Kocherhin] Angular и NgRx - пишем реальный проект с нуля [RUS, 2020]
TypeScript
2
star
53

Microfrontends-with-React-A-Complete-Developers-Guide

[Stephen Grider] Microfrontends with React: A Complete Developer's Guide [ENG, 2020]
JavaScript
2
star
54

Build-a-Slack-Chat-App-with-React-Redux-and-Firebase

[Reed Barger] Build a Slack Chat App with React, Redux, and Firebase [ENG, 2019] - Source Codes only
JavaScript
2
star
55

Node.js-Serverside-JavaScript

[loftschool] Node.js серверный JavaScript [2018, RUS]
JavaScript
2
star
56

Building-an-e-commerce-store-using-java-spring-framework

[Java/Spring, Angular.js][Udemy] Building An E-Commerce Store Using Java Spring Framework [ENG, 2016]
Java
2
star
57

Learning-full-stack-javascript-development-mongodb-node-and-react

[Samer Buna] Learning Full-Stack JavaScript Development: MongoDB, Node and React [2016, ENG]
JavaScript
2
star
58

A-Complete-Angular-Course-from-Scratch

[YouTube][procademy] A Complete Angular Course from Scratch [ENG, 2023]
TypeScript
2
star
59

ReactJS-and-Flux-Learn-By-Building-10-Projects

CSS
1
star
60

Redux-Crash-Course-With-React

[Traversy Media] Redux Crash Course With React [2018, ENG]
JavaScript
1
star
61

React-Context-Hooks-Tutorial

[YouTube, The Net Ninja ] React Context & Hooks Tutorial [ENG, 2019]
JavaScript
1
star
62

Building-a-GraphQL-Project-with-React

[LinkedInLearning] Building a GraphQL Project with React.js [ENG, 2021]
JavaScript
1
star
63

Projects-in-Docker

Projects in Docker
JavaScript
1
star
64

Typescript-The-Complete-Developers-Guide

[Stephen Grider] Typescript: The Complete Developer's Guide [2020, ENG]
TypeScript
1
star
65

Telegram-Bots-NodeJS

Создание Telegram бота на Node.js
JavaScript
1
star
66

Microservices-with-Spring-Boot-and-Spring-Cloud

[Book] [Magnus Larsson] Microservices with Spring Boot and Spring Cloud [ENG, 2021]
Java
1
star
67

Webformyself-ReactJS-from-zero-to-profy

[Webformyself] ReactJS с Нуля до Профи [2018, RUS]
JavaScript
1
star
68

Advanced-React-and-GraphQL

[Wes Bos] Advanced React and GraphQL [2021, ENG]
TypeScript
1
star
69

Learn-Angular.js-by-building-10-Projects

[Eduonix] Projects in AngularJS - Learn Angular.js by building 10 Projects [ENG, 2015]
JavaScript
1
star
70

Learn-Angular-2-Development-By-Building-12-Apps

[Eduonix] Learn Angular 2 Development By Building 12 Apps [ENG, 2016]
JavaScript
1
star
71

Oracle-mooc-introduction-to-nodejs-using-oracle-cloud

JavaScript
1
star
72

Test-Driven-Development-with-Nodejs

Test Driven Development with Node js
JavaScript
1
star
73

labs.jsdev.org

[WEBSITE] [labs.jsdev.org] source codes
SCSS
1
star
74

Building-an-angular-application-with-node-and-token-authentication

[Alexander Zanfir] Building an Angular Application with Node and Token Authentication [25.10.2017, ENG]
TypeScript
1
star
75

Complete-React-Developer-In-2020-Redux-Hooks-GraphQL

[Udemy] Complete React Developer In 2020 (W/ Redux, Hooks, GraphQL) [ENG, 2019]
JavaScript
1
star
76

Complete-React-Native-Developer-in-2021-Zero-to-Mastery-with-Hooks

[ZerotoMastery] Complete React Native Developer in 2021 [with Hooks][ENG, 2021]
JavaScript
1
star
77

cats-app-ansible

[DEVOPS] Cats App Ansible Scripts
Shell
1
star
78

Creating-Apps-With-Angular-Node-and-Token-Authentication-updated

[Alexander Zanfir]
CSS
1
star
79

Complete-Next.js-Developer-in-2022-Zero-to-Mastery

[Zero to Mastery] Complete Next.js Developer in 2022: Zero to Mastery [ENG, 2021]
CSS
1
star
80

Advanced-React-and-Redux-2018-Edition

[Stephen Grider] Advanced React and Redux: 2018 Edition [Udemy, ENG, 2018]
JavaScript
1
star
81

MEAN-Stack-and-MongoDB-Development-Techniques

[Lynda.com / Alexander Zanfir] MEAN Stack and MongoDB Development Techniques [2016, ENG]
JavaScript
1
star