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.
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:
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
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;