Dad Joke Website

Project Link: https://dadjokes.onerdy.com
Github Repo: https://github.com/onerdy/dadjokes

I created this Dad Joke website as an exercise to improve my web development skills and test some modern technologies. This site was built using Blazor 8, Microsoft's full-stack web UI framework, in addition to the FluentUI Blazor Component Library. It uses a MySQL database combined with the Dapper micro ORM library.

All of these components are hosted on an Ubuntu Linux server running Docker containers and a Docker Compose configuration file. The source code is stored in a GitHub repo with an automated workflow which triggers on every commit. The workflow builds a new version of the Docker application image and saves it to GitHub's Container Registry. The application is then relatively easy to deploy in the production environment with a few simple commands. This Linux server and Docker environment have no inbound connections allowed from the Internet. The site is being published using a Cloudflare Tunnel which takes the original HTTP site and automatically routes it through a proxied HTTPS connection with valid certs (very awesome and simple)!

The UI for this site has a mobile-friendly clean look with a 1970s color palette, sporting a retro vibe with a sense of humor. Loading the site queries the database and returns a randomized list of dad jokes which can be viewed individually by clicking the "Load Random Joke" button. The site's logo (a bearded retro man wearing a "Dad Jokes" headband) was designed by DALL-E 2 AI image generation.