Skip to content

For Hacktoberfest Beginners- Memory Card Game. To get your PR merged contribute something that adds some value to this mini project.

Notifications You must be signed in to change notification settings

OpenSource-UIT/Hacktoberfest-25-1

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🧠 Memory Card Game - Hacktoberfest 2025

Welcome to the Memory Card Game repository! This project is designed for Hacktoberfest 2025 contributors to practice their skills by fixing bugs, adding features, and improving the overall game experience.

🎯 Project Overview

This is a web-based Memory Card Game built with HTML, CSS, and JavaScript. Players need to match pairs of cards by remembering their positions. The game includes multiple difficulty levels, themes, and scoring system.

🐛 Known Issues & Contribution Opportunities

🐛 Bugs to Fix:

CSS Issues:

  1. Grid Layout Problems:

    • Missing responsive grid adjustments for different screen sizes
    • Grid layout issues for different difficulties (easy, medium, hard)
    • Cards not properly aligned on mobile devices
  2. Animation Issues:

    • Missing flip animation for cards
    • No loading animations
    • Inconsistent hover effects
  3. Responsive Design:

    • Missing responsive styles for score board on mobile
    • Cards too small on mobile devices
    • Button layout issues on small screens
  4. Theme Issues:

    • Missing dark theme implementation
    • No theme switching functionality
    • Inconsistent color schemes

JavaScript Issues:

  1. Game Logic Bugs:

    • Shuffle function has implementation issues
    • Missing check for already flipped cards
    • Rating calculation is incorrect
    • Hint functionality is incomplete
  2. Missing Features:

    • No keyboard navigation support
    • No sound effects implementation
    • No local storage for high scores
    • No dark theme toggle functionality
  3. Performance Issues:

    • Memory leaks in timer intervals
    • Inefficient card rendering
    • No game state persistence

✨ Feature Enhancements Needed:

  1. Game Features:

    • Add AI opponent mode
    • Implement power-ups and special cards
    • Add multiplayer support
    • Create custom card themes
  2. UI/UX Improvements:

    • Add smooth animations and transitions
    • Implement particle effects for matches
    • Add progress bars and visual feedback
    • Improve accessibility features
  3. Advanced Features:

    • Add game statistics and analytics
    • Implement leaderboards
    • Add social sharing functionality
    • Create tournament mode

🚀 Getting Started

Prerequisites

  • A modern web browser
  • Basic knowledge of HTML, CSS, and JavaScript
  • Code editor (VS Code, Sublime Text, etc.)

Installation

  1. Clone the repository:

    git clone https://github.com/your-username/hacktoberfest-25-memory-game.git
    cd hacktoberfest-25-memory-game
  2. Open index.html in your web browser

  3. Start playing and testing the game!

🎮 How to Play

  1. Choose Difficulty:

    • Easy: 4x4 grid (16 cards, 8 pairs)
    • Medium: 4x6 grid (24 cards, 12 pairs)
    • Hard: 6x6 grid (36 cards, 18 pairs)
  2. Select Theme:

    • Animals: 🐶🐱🐭🐹🐰🦊🐻🐼
    • Fruits: 🍎🍊🍋🍌🍇🍓🍑🍒
    • Emoji: 😀😃😄😁😆😅🤣😂
  3. Gameplay:

    • Click "Start Game" to begin
    • Click on cards to flip them
    • Match two identical cards to score
    • Complete all matches to win
    • Try to finish in fewer moves for a better rating!
  4. Controls:

    • Start Game: Begin a new game
    • Reset: Start over with the same settings
    • Hint: Get a hint (shows a random card briefly)

🤝 Contributing

We welcome contributions from Hacktoberfest 2025 participants! Here's how you can contribute:

Contribution Guidelines

  1. Fork the repository

  2. Create a feature branch:

    git checkout -b feature/your-feature-name
  3. Make your changes:

    • Fix bugs
    • Add new features
    • Improve existing code
    • Add tests
  4. Test your changes:

    • Ensure the game works correctly
    • Test on different screen sizes
    • Verify all functionality works
  5. Commit your changes:

    git commit -m "Add: Brief description of your changes"
  6. Push to your fork:

    git push origin feature/your-feature-name
  7. Create a Pull Request

  • Use clear, descriptive commit messages
  • Include screenshots for UI changes
  • Test your changes thoroughly
  • Follow the existing code style
  • Update documentation if needed
  • Add comments for complex code

Welcome to Hacktoberfest 2025! This Memory Card Game project offers a fun and engaging way to contribute to open source. Whether you're fixing bugs, adding features, or improving the user experience, every contribution makes a difference.

Let's build something amazing together! 🚀

About

For Hacktoberfest Beginners- Memory Card Game. To get your PR merged contribute something that adds some value to this mini project.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •