Sortle

• 

  This is the screen where users will view and try to solve the puzzle

• 

  This is the screen after solving, you can see your time and amount of attempts

• 

  This is the main menu screen. From here you can view the daily puzzles or find a new community puzzle to play

• 

  This is the puzzle creation screen

What it does

Sortle is a daily puzzle game built for Reddit. You are given a subject and 5 items, your challenge is to put them in the correct order. The fewer tries you need, the better!

How I built it

I built Sortle using Vue and tRPC.

I chose Vue as the web framework as it is what I am most familiar with, and it is perfectly suited for a UI based puzzle game like this.

I also decided to use tRPC rather than just Express as I wanted to give it a try and I thought it might make it simpler to communicate and share types between the server and client. I think it worked out well although I didn't really need as many server methods as I thought I would, so Express might have been simpler.

What's next for Sortle

I am hoping to continue working on this over the next few weeks. Some of the things I would like to add are:

• A more fun and unique design for the app. More colour and animations!
• More statistics after the puzzle has been solved. (Number of users who have solved, average amount of attempts, etc.)
• A custom blocks app for the feed, this would allow me to pin a post at the top of the subreddit so the user can more easily access the main menu of the app
• Show the values of the items after solving. Will make it more interesting and maybe help the users learn a bit of trivia
• Allow skipping with a "I don't know" button
• Maybe make it so if you check and an item is in the right spot, you will be told that it is in the correct spot

Built With

• express.js
• reddit
• trpc
• typescript
• vue