Word Drop

Inspiration

I love playing word games (Boggle, etc). I wanted to create a word game from scratch that is quick to play, and get automatic game posts in my feed.

What it does

A word game where you find words within a letter grid. When you complete a word, the letters above it fall, to make new combinations. Bigger words score more points, and the highest scores are shown on a leaderboard.

Each word game can be created with a 4x4, 5x5, 6x6, 7x7, or 8x8 grid, and the letters are randomly generated, based on a distribution graph, so vowels and common letters appear more often.

Automatic daily puzzle creation can be setup to create a new puzzle every day at a specific time.

How we built it

It was built using a webview, with React, Tailwind, and SVG.

Challenges we ran into

Trying to figure out the best technology for the game took several attempts. First, I tried devvit blocks , but they contained too many limitations. Then I tried HTML5 canvas, before settling on SVGs as the perfect choice.

Accomplishments that we're proud of

The game is fun and works well!

What we learned

SVG is still the king of certain things, and it will never die!

What's next for Word Drop

Improve styles and design, animation when letters drop, and more testing.

Built With

• react
• redis