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 👇🏼
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.
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
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.
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
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. 😅
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/
