Steem Memory Game Update: New Features, and Enhanced User ExperiencesteemCreated with Sketch.

in hive-151113 •  3 months ago 

image.png

I'm excited to announce a major update to the Steem Memory Game. This latest commit brings new features, UI improvements, and better security for your authentication and keys. Here’s a summary of what’s new and why it matters:


What's New?

1. Brand New Footer Component

  • We've introduced a fresh, visually appealing Footer to the game. It replaces the previous basic footer and now includes:
    • Social links to Discord, SteemHub, and our Steemit page.
    • A modern look using Material-UI, responsive design, and external SVG icons.
    • Quick links and credits, all styled for both desktop and mobile.

Sample from the new Footer component:

const Footer: React.FC = () => {
  // ...
  <Box component="footer" className="app-footer">
    <SocialLink icon={<DiscordIcon />} href="https://discord.gg/cz3BQcnH" label="Discord" />
    <SocialLink icon={<SteemitIcon />} href="https://steemit.com/@memory-game" label="Steemit" />
    {/* ... */}
  </Box>
}

image.png

image.png


2. Enhanced User Authentication

  • Improved login/logout handling; now, the app dispatches events whenever the authentication state changes. This helps keep user info and the UI perfectly in sync.
  • The authentication code is now more robust and easier to maintain.

Example of the new event-based auth logic:

window.dispatchEvent(new Event('steemAuthStateChanged'));

3. Secure Key Storage & Handling

  • Private keys are now encrypted and stored more securely in localStorage with the username, instead of plain sessionStorage.
  • Authentication checks now verify the key matches the logged-in user.

Code snippet:

storeKey('posting', privateKey, username); // Securely store key
// On logout
clearAllKeys();

4. User Experience & UI Improvements

  • GameBoard and GamePage components have been refactored for easier maintenance and better feedback during gameplay.
  • Improved UI feedback when saving game results to the blockchain, including animated progress indicators.
  • The game now provides clearer alerts on paid/free modes, and improved balance updates.

Example:

<Alert severity="info">
  <strong>Paid Game Mode:</strong> Your game results will be saved to the Steem blockchain...
</Alert>

5. Other Notable Changes

  • Added new SVG icons (Discord and Steemit) for sharper visuals.
  • Updated CSS for better layout and responsiveness.
  • More robust handling of user balance and entry fees for paid games.

🧩 Why These Changes Matter

  • Security: Your keys are safer than ever,
  • User Experience: The new footer and game feedback make playing and sharing more fun.
  • Reliability: Smarter authentication and error handling mean fewer bugs and smoother gameplay.
  • Community: It’s now easier to connect with us on Discord and Steemit.

📅 What’s Next? Upcoming Changes & Community News

1. Switching to Weekly Games

Due to low participation in the daily challenge, I've decided to switch from daily to weekly games.
This means the memory game contest will now run once a week, giving everyone more time to join in.
I'll try out this strategy with a new game first—I'm thinking of starting with a Wordle-style game.


2. Special Thanks & Testers

  • @chriddi has been instrumental in testing and supporting the game.
    As a token of gratitude, I’ve allocated 30% of this post’s beneficiary rewards to @chriddi. I hope it earns some rewards so he can get a little something for his help—that’s what I can offer for now. His feedback was a big help to me.
  • Also, based on his suggestion, I plan to add a feature where game comments can be posted as suggestions from the @memory-game account instead of the player’s account. This will provide two options:
    • If the account’s Resource Credits (RC) are sufficient, users can choose to post as themselves or let the game suggest.
    • If RC is low, only one suggestion will be posted.
  • I also appreciate any delegation support to help the @memory-game account’s RC to support this feature

3. Community Support: 150 STEEM Prize Pool!

Big news!
I’ve received 150 STEEM in support from @symbionts to help provide real prizes and encourage more players to join in.
I’ll be launching the new contest soon—maybe even today!
This prize pool will go toward rewarding active players and boosting participation.


Stee Memory Game Launch

sssssss PM.png

I invite you to join both modes, and I would greatly appreciate your support.

Do you know much about the game?

You can visit these posts for more information:

To see daily updates about the game, check this:

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Greetings, friend @kafio

Excellent work! It's good to know that password security is a priority in the game's operation. This gives users the confidence they need to participate without fear.

I wish you success.

  ·  3 months ago (edited)

Security has always been a priority for me. Previously, the key was saved locally on the user's computer, but it wasn't encrypted. That meant if someone gained access to the browser or the local files, they could potentially retrieve the key.

To make things more secure, I’ve now implemented encryption for the key before saving it locally. For example, if someone hacks into the user’s device or accesses their browser data, they won’t be able to use or even read the key because it’s encrypted. This extra layer of protection helps prevent unauthorized access, even in worst-case scenarios.

so Before it was safe, but now it's even safer—ready for any worst-case scenario.

can you answer me on discord @adeljose

Excellent friend.