sibusiso-m/hidden-memory-game.html at main · Sibusiso-M/sibusiso-m · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
                         <article>
                            <header>
                                <h3>
                                    <a rel="noopener" href="https://codepen.io/sibusiso-m/full/bGejVBL" target="_blank">
                                        Memory Game
                                        <br>
                                    </a>
                                </h3>
                            </header>
                            <a rel="noopener" href="https://codepen.io/sibusiso-m/full/bGejVBL" target="_blank" class="image fit">
                                <img src="images/Memory_Game_React_App_thumbnail_splash.png" alt="Memory Game Thumbnail">
                            </a>
                            <p>
                                <b>Stack used:</b>
                                React, Redux (state management), MUI Framework.
                            </p>
                            <p>
                                <b>Features:</b>
                                <ul>
                                    <li>
                                        <b>Configurable Grid:</b> Customize grid dimensions (e.g., 2x2, 3x2).
                                    </li>
                                    <li>
                                        <b>Timer:</b> Track game completion time with a displayed message.
                                    </li>
                                    <li>
                                        <b>Card Flips:</b> Count and display total moves upon game completion.
                                    </li>
                                    <li>
                                        <b>Matched Card Prevention:</b> Disabled after successful matches.
                                    </li>
                                    <li>
                                        <b>Testable Code:</b> Rigorous testing for code functionality and adaptability.
                                    </li>
                                    <li>
                                        <b>Post-Game Interaction:</b> Disable cards post-game with feedback messages.
                                    </li>
                                    <li>
                                        <b>Card Click Accuracy:</b> Prevent multiple clicks and ensure accuracy.
                                    </li>
                                </ul>
                            </p>
                            <ul class="actions special">
                                <li>
                                    <a rel="noopener" href="https://github.com/Sibusiso-M/Tavascript_Array_Documentation_Page" target="_blank" class="button">View Video Walkthrough</a>
                                </li>
                                <li>
                                    <a rel="noopener" href="https://github.com/Sibusiso-M/Tavascript_Array_Documentation_Page" target="_blank" class="button">Info</a>
                                </li>
                            </ul>
                        </article>