Steem Memory Game Update: Advanced Leaderboard Filters & Smooth Login

I'm excited to share another meaningful update to the Steemit Memory Game, based on your feedback and aimed at making the experience even better.

This round of improvements focuses on two key areas:
✅ Simpler Logins
📊 Smarter Leaderboards

Let’s take a closer look.

🔐 Easy Login: No More @ Confusion

Many players were unsure whether to include the @ symbol when logging in with their Steem usernames. To solve this, I’ve added a username cleaning function.

Now, whether you type @yourusername or just yourusername, the system will handle it correctly.

Here’s a quick look at the logic:

// Clean username by removing @ symbol if present
const cleanUsername = (username: string): string => {
  return username.trim().startsWith('@') ? username.trim().substring(1) : username.trim();
};

// Example usage during login:
const cleanedUsername = cleanUsername(inputUsername);

The result is a smoother and more forgiving login process.

🏆 Upgraded Leaderboard: Filter, Search & Sort

The leaderboard is now a more powerful tool for tracking progress, highlighting top players, and analyzing performance.

🔍 Search by Username

Want to find your name or a friend’s? Just type it into the search bar — partial matches are supported.

🎛 Advanced Filters

You can now filter by:

Score ranges
Time ranges
Move counts

This is especially useful for contests and player comparisons.

🔁 Sort by Column

Click any column header (Score, Moves, Time, Date) to sort the data. Click again to toggle ascending or descending order.

🛠 Behind the Scenes

Here’s a quick peek at the logic behind the features:

🔎 Filtering

let filteredLeaderboard = baseLeaderboard;

if (usernameFilters.length > 0) {
  filteredLeaderboard = baseLeaderboard.filter((entry) =>
    usernameFilters.some((filter) => entry.username.toLowerCase().includes(filter.toLowerCase()))
  );
}

if (advancedFiltersActive) {
  filteredLeaderboard = filteredLeaderboard.filter((entry) => {
    if (entry.score < advancedFilters.scoreRange[0] || entry.score > advancedFilters.scoreRange[1]) {
      return false;
    }
    return true;
  });
}

↕ Sorting

if (sortBy) {
  const sortedLeaderboard = [...filteredLeaderboard].sort((a, b) => {
    const aValue = a[sortBy];
    const bValue = b[sortBy];

    if (typeof aValue === 'number' && typeof bValue === 'number') {
      return sortDirection === 'asc' ? aValue - bValue : bValue - aValue;
    }
    // Handle strings, dates, etc. as needed
  });
}

These tools help players better understand their performance and allow organizers to manage contests more easily.

🎮 Play and Track

Play the game: Steem Memory Game
Track stats: SteemStats
Guide: How to Play & Use Stats

📌 More About the Game

🗓️ Daily Updates

Daily game updates and results are posted in the WOX Community.
Follow @memory-game for the latest.

🙏 Support the Project

If you enjoy the game and want to help it grow:
➡️ Play the Paid Game Mode
➡️ Share with your friends
➡️ Leave feedback in the comments
➡️ Spread the word!

🚀 Real-Time 1v1 Battles – My Ultimate Goal

The final vision for the Steemit Memory Game is to launch real-time 1v1 battles — a live mode where two players face off in direct competition, testing their memory and speed.

This will be the peak of what I aim to achieve with the game: a fully interactive, competitive experience on the blockchain.

To reach this goal, your support is essential:
➡️ Play the Paid Game Mode
➡️ Share the game with your community
➡️ Give feedback and ideas in the comments
➡️ Help spread the word

Together, we can build something truly engaging and long-lasting.

Join the Ongoing Contest – 50 STEEM to Be Won

I'm currently running a contest with a 50 STEEM prize pool, and you're welcome to take part.

Enter the Week 2 Contest Here

Challenge yourself, rise up the leaderboard, and compete for real rewards. Whether you're here for fun or aiming to win, now is a great time to get involved.

Share Your Stats and Support the Project

You can use SteemStats to share insights about your community or contest activity.
Track player performance, highlight top results, and promote engagement in a simple and effective way.

If you're running an event, this is a great way to organize and showcase your progress.

🤝 Connect with the Community

🐦 Twitter: https://x.com/HubSteem
💬 Discord: https://discord.gg/cz3BQcnH

cc @steemcurator01
@steemchiller
@rme
@hungry-griffin
@blacks
@e-r-k-a-n
@moecki
@xpilar

Steem Memory Game Update: Advanced Leaderboard Filters & Smooth LoginsteemCreated with Sketch.