gem-hunter
Language: JavaScript
I'm building a game for my milestone project 2
The Zodiac Memory Matching Game is a fun and interactive game where players match zodiac-themed cards. The game challenges your memory by having you flip one card from the top row and one from the bottom row, aiming to find pairs that match.
| User Story | Tested Feature | Expected Result | Actual Result | Pass/Fail |
|---|---|---|---|---|
| Flip a card and see the zodiac | Button Click | Clicking a card flips it to show zodiac | Works as expected | ✅ Pass |
| Match top row to bottom row | Matching logic | Only cards from different rows can match | Works as expected | ✅ Pass |
| Get feedback after match | Modal Popup | A modal appears with sign info | Modal works, minor mobile overflow | ⚠️ Pass with known issue |
Test: Flip two cards from the same row
Test: Match two cards
Zodiac-Themed cards designed by moi: gives you a good opportunity to learn about astrology and yourself
Memory Challenge: Test your ability to recall card placement.
Responsive Design: works on difeerent devices like mobile phone, desktop and tablets.
Score Tracking: Keeps track of how many matches you've made.
HTML: Structuring the game layout.
CSS: Styling the game interface.
JavaScript: Implement game logic, card flipping, interactivity and match functionality.
| Screenshot | Description |
|---|---|
 |
The main interface of the Zodiac Memory Game, where players match cards based on zodiac signs. |
 |
A flipped card revealing its zodiac sign after the player clicks on it. |
 |
An alert appears if the player selects two cards from the same row, enforcing the game rules. |
 |
A pop-up notification appears when two matching cards are found, updating the score. |
Below you have a table with all the testing I have done on my game.
| Test Type | Tested Feature | Expected Result | Actual Result | Pass/Fail | Screenshot |
|---|---|---|---|---|---|
| HTML | Validate HTML with W3C | No errors | No errors | ✅ Pass |  |
| CSS | Validate CSS with W3C | No errors | No errors | ✅ Pass |  |
| JavaScript | Console Errors | No console errors in DevTools | No errors found | ✅ Pass |  |
| JavaScript | Button Clicks | Buttons trigger correct functions | Buttons work fine | ✅ Pass |  |
Requirements:
git clone https://github.com/NavyBlue06/project2Zodiacgame.git
index.html file in a web browser. Alternatively, if Python is installed, you can serve the project locally by running:
python3 -m http.server
http://localhost:8000 in your browser.Requirements:
main) and select the /root folder.https://navyblue06.github.io/project2Zodiacgame/.Nearly all text content for this project was generated or refined using OpenAI's ChatGPT-4. The AI tool was also instrumental in correcting and generating high-quality textual content to ensure clarity and professionalism. All media used is my own.
Contact Me:
git clone https://github.com/NavyBlue06/project2game.git ```