Deploy a Wordle Clone with this Open Source React Web App

In this video we’ll show you how to host your own open source Wordle clone, written in React, that you can share with your friends and family. With a little bit of tinkering you can even add your own custom words to the list of possible answers.

Chapters:
0:00 – Intro
1:03 – Example App
1:58 – Creating the Server
3:00 – Login to your Server
3:41 – Installing Node
4:20 – Cloning the react Wordle App
4:49 – Install Docker
5:53 – Build the Docker Image
6:25 – Running the Docker Image
7:03 – Test out the App
8:00 – Adding Custom Words
10:21 – Other Customizations
10:45 – Outro

Installation Commands From Video:
cd ~
curl -fsSL https://deb.nodesource.com/setup_17.x | sudo -E bash –
apt install -y nodejs

git clone https://github.com/cwackerfuss/react-wordle.git
cd react-wordle

curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo gpg –dearmor -o /usr/share/keyrings/docker-archive-keyring.gpg

NOTE: PLACE A GREATER THAN SIGN WHERE INDICATED IN THIS COMMAND
echo “deb [arch=$(dpkg –print-architecture) signed-by=/usr/share/keyrings/docker-archive-keyring.gpg] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable” | sudo tee /etc/apt/sources.list.d/docker.list ##PLACE GREATER THAN SIGN HERE## /dev/null

apt update && apt install docker-ce docker-ce-cli containerd.io

docker build –target=prod -t game:prod

docker run –name wordle -d -p 80:80 game:prod

Check out the source code here.
Learn more about deploying React apps.
New to Linode? Get started here with a $100 credit!
Subscribe to get notified of new episodes as they come out.

#Linode #ReactApps #OpenSource #AlternativeCloud
Product: Linode, Self Hosted, Open Source; Gardiner Bryant;

Open Source