Featured project: Quina
Quina is a strategic, logical word game available on Google Play and as a Progressive Web App. I wrote about the process of building the app and the tech behind it both on this blog and CSS Tricks.
![The main menu of Quina, with options for 'New Game', 'How to Play', 'Preferences,' Stats & Awards', 'About/FAQ', and 'Support Quina.'](/images/post_images/01-Google-Pixel-4-Front.jpg)
![](/images/quina-mockup1.png)
![Guess the secred five-letter code word in ten guesses or fewer.](/images/post_images/tutorial-1.png)
![Use clues to refine your guesses. A clue of '3/2' means three letters in your guess are also in the code word, and two are in the same position in both words.](/images/quina-clues.png)
![You can tap or long-press letters in your guesses to cross them out or highlight them](/images/post_images/tutorial-3.png)
![Quina tracks your stats, such as how many games you've played on each difficulty, longest win streak, and many more!](/images/post_images/tutorial-4.png)
![Quina features both light and dark mode.](/images/post_images/02-Google-Pixel-4-Front.png)
Quina is a strategic, logical word game available on Google Play and as a Progressive Web App. I wrote about the process of building the app and the tech behind it both on this blog and CSS Tricks.
A sampling of some games and experiments I've built on CodePen, mostly in Vue, but some in React or vanilla JS as well.
You can also find my work on GitHub (although truth be told I don't really bother curating it there at all.)
See the Pen Sliding Puzzle in Vue by Josh Collinsworth (@collinsworth) on CodePen.
See the Pen Custom Accessible Vue Emoji Slider by Josh Collinsworth (@collinsworth) on CodePen.
See the Pen Emoji Pick Two by Josh Collinsworth (@collinsworth) on CodePen.
See the Pen Vue Hangman by Josh Collinsworth (@collinsworth) on CodePen.
See the Pen Interactive CSS Filter React Component (with GIFs!) by Josh Collinsworth (@collinsworth) on CodePen.
See the Pen Color Flood Game with Colorblind Mode (React + CSS Grid) by Josh Collinsworth (@collinsworth) on CodePen.
See the Pen Connect Four in Vue and CSS by Josh Collinsworth (@collinsworth) on CodePen.