Hello Hiveans 👋🏼,
I built a Game we could all enjoy on Hive

Tech Stack:

Frontend ⚡ Vite + React
Backend & Database 🧩 Supabase (PostgreSQL, Realtime, Auth)
Styling 🎨 CSS with Variables
Routing 🧭 React Router
Icons 🪶 React Icons
Hive Integration 🔑 Hive Keychain & Hivesigner
Deployment ☁️ Vercel

Game Link 👇🏼:
https://neoxian-city-puzzler.vercel.app/

Intro

First, I'm someone that loves to create, its a hobby.

I was reading the Neoxain City Newspaper some weeks ago and I saw a puzzle game in the Newspaper, then the idea struck me 💡 that I could actually automate the process by coding it up and facilitate how we have fun on Hive.

I took it a step further to create links where web2 users that fall in love with our game could enroll themselves on Hive

Walk with me me, let me explain the interface of the game 👇🏼

Click to Enter our City

I animated a wooden doorlike picture and put Hives logo to show that Hive is a door that gives access to many communities like Neoxian City.

Clicking Enter, slowly opens up the door to our game.

Main Interface

This is the main interface. I chose a city-like background and color that gives this cinematic feeling and vibe of being in an actual city.

There are different topic puzzles you could try out. I created different topics so we can learn words and get knowledge from various sectors in web3, its communities and crypto.

P.S: More puzzle topics are coming !!

The side bar has a button to mute the background music to avoid nuisances. There is also a link to login securely via hivekeychain @keychain and also hivesigner @hivesigner.

We need more users and friends on Hive, so I implemented a link where Web2 users that come across our game could enroll themselves on Hive

Start game

I created the cells to be 10 by 10 gridded ( meaning 10 rows and 10 columns) so it would be easy for mobile device users to properly navigate and join the tiles to form words.

Hints

Don't be scared. It came with Hints !

You aren't going to blindly cross off words in the puzzle. There are hints to guide users to help the find the hidden words in the puzzle

Leaderboard

To make it more interesting, there is a leaderboard to track your progress. It ranks users based on how fast they can complete the puzzle

Let's see who has the fastest finger on Hive. 😅

Share Your Milestone

There is a button to share your Milestone on X(formerly twitter) .

Let's show web2 users what we enjoy on Hive

Conclusion

Let me know what you think of this game
Do you love it?

Are there any improvements you feel it could get?

Do you want me to build one more game we could all enjoyyyy?

Let me know whats on your mind in the comment section 👇🏼👇🏼

Thank You for Reading

BUILT BY @justola1 ON HIVE,