React - Redux - Socket.io - docker-compose Projects with NGINX

Background

As part of understanding the concept of react.js node.js with docker I have developed some application, I hope it will help you to do a quick start on your learning journey

To complete these projects I have done the following courses online

• Docker Mastery: The Complete Toolset From a Docker Captain
• Modern React with Redux
• Nginx Fundamentals: High Performance Servers from Scratch

GIT Link

git clone https://github.com/askeralim/node-react-socket.io-docker-compose.git

Projects

Project 1: BookListSelectApp

A Very Basic react.js project to understand the App rendering with component onclick functionalities .

BookListSelectApp Project Link

Project 2: WeatherForecastSearchApp

React.js project to understand the concept of calling an API and updating the App with Maps and Images ui App rendering with component onclick functionalities .

WeatherForecastSearchApp Link

Project 3: create-react-app docker deployment

Created react.js app using create-react-app and execute the Application using docker container.

create-react-app docker deployment Link

Project 4: create-react-app run with docker-compose

Created react.js app using create-react-app and execute the Application using docker-compose.

Project 4 Link

Project 5: create-react-app deployment using docker-compose with nginx LB

Created react.js app using create-react-app and execute the Application using docker-compose with NGINX as Reverse-Proxy deployed in another container.

Project 5 Link

Project 6 - ChatApp-1: Chat Application Using React.js - Socket.io

A Simple Chat Server developed using react.js and socker.io, This project will clear the concept of socket WebSockets.

ChatApp 1 Link

Project 7 - ChatApp-2: Chat Application Using React.js - Socket.io - Redis

The above ChatApp 1 is implemented with redis server, It helps to understand connection with redis server with Publisher/Subscriber concepts.

ChatApp 2 Link

Project 8 - ChatApp-3: Chat Application Using React.js - Socket.io - Redis - docker-compose - NGINX

The complete ChatApplication developed from scratch create-react-app, with NGINX as reverse proxy and deployed in Docker using docker-compose

ChatApp 3 Link

Find out more about me

Askerali Maruthullathil - LinkedIn