I Built a Hive Puzzle Game Inspired by Neoxian City- Come Play & Compete! ๐ŸŽฎ

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,


A Graduate Civil Engineering Student,
Web Developer and a Chess Wizard in my Leisure ๐Ÿง™๐Ÿผโ€โ™‚๏ธ

Profile: https://linktr.ee/idowuolamide


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

Olamide




0
0
0.000
18 comments
avatar

Aww, this is impressive, well done @justola1. I have reblogged this for now, so I can come back to read the details.

0
0
0.000
avatar

Thank you soo muchh

I hope you enjoy!
I just made some changes in the game for better user experience
Looking forward to your feedback๐Ÿค—

0
0
0.000
avatar
(Edited)

Hey there
This is quite impressive of you and equally engaging. I just had a go and though I didn't finish up the puzzle, I'm loving it already ๐Ÿ˜Œ.
I feel I might even get addicted to it in no distant time, lol ๐Ÿ˜….

0
0
0.000
avatar

Thank youu sooo muchhhh!
I really appreciate your engagement

Glad you are enjoying it

0
0
0.000
avatar

And you're welllllllllllllllllcomeeeeeeee ๐Ÿ˜‚.
Yhh I sure am ๐Ÿ˜

0
0
0.000
avatar

๐Ÿค—๐Ÿค—๐Ÿค—๐Ÿค—โ™ฅ

0
0
0.000
avatar

Congratulations @justola1! You have completed the following achievement on the Hive blockchain And have been rewarded with New badge(s)

You received more than 500 HP as payout for your posts, comments and curation.
Your next payout target is 1000 HP.
The unit is Hive Power equivalent because post and comment rewards can be split into HP and HBD

You can view your badges on your board and compare yourself to others in the Ranking
If you no longer want to receive notifications, reply to this comment with the word STOP

Check out our last posts:

Our Hive Power Delegations to the September PUM Winners
0
0
0.000
avatar

I love how you made it fun and easy for everyone to join, even for newcomers like me. The city vibe and hints make it feel so inviting, and I canโ€™t wait to try it out.

0
0
0.000
avatar

Thank you soo much !
Glad you're enjoying it

0
0
0.000
avatar

I'll try it, friend, maybe I'll make a post.

0
0
0.000
avatar

Thank you so muchh
Looking forward to reading !

0
0
0.000
avatar

I just went through this lovely concept you just created. I must say it's a job well-done. Keep this up man

0
0
0.000
avatar

Thanks a lot man
I really appreciate ๐Ÿ’ฏ

0
0
0.000