DEV Community

Cover image for Submission for the DevCycle Feature Flag Challenge: Memory Maze
Sneha
Sneha

Posted on

7 4 3 3 5

Submission for the DevCycle Feature Flag Challenge: Memory Maze

This is a submission for the DevCycle Feature Flag Challenge: Feature Flag Funhouse

What I Built

Memory Maze is an interactive React-based game that challenges players' memory and observation skills. The game leverages DevCycle SDK and
OpenFeature provider for feature flagging and dynamic content delivery, allowing for a customizable and evolving gaming experience.

Demo

The game is live at: https://olivia07120.github.io/memory-maze/

Image description

Image description

Image description

Image description

Image description

Image description

Image description

My Code

The full source code for Memory Maze is available on GitHub: https://github.com/olivia07120/memory-maze

This project is licensed under the MIT License. You can find the license file in the repository.

My DevCycle Experience

In developing Memory Maze, I extensively used DevCycle's feature flagging capabilities to enhance the game's flexibility and user experience.
Here's how I leveraged DevCycle:

  1. Theme Selection: I used a string feature flag 'game-theme' to dynamically change the game's theme, allowing for easy addition of new theme
    without code changes.

  2. Difficulty Modes: A boolean flag 'difficulty-hard' toggles between standard image-based questions and more challenging animated questions.

  3. Dark/Light Mode: Another boolean flag 'dark-theme' allows users to switch between dark and light themes for better accessibility.

DevCycle's SDK integration with OpenFeature made it straightforward to implement these features, providing a seamless way to control game
variations in real-time.

Additional Prize Categories

OpenFeature Aficionado: This project makes extensive use of DevCycle’s OpenFeature Provider for dynamic theming and challenge management.

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (4)

Collapse
 
trixsec profile image
Trix Cyrus

Really Good🔥🔥

Collapse
 
sneha11 profile image
Sneha

Thankyou 😄

Collapse
 
hyrox_training_plans profile image
Hyrox Training Plans

Good!

Collapse
 
sneha11 profile image
Sneha

Thankyou 😄

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay