Hacktoberfest 2025

Improve a Memory in react js

Open Tasks:

• Fix Distorted images @D3nn7
• Mobile Viewport fix
• Display always new Pictures, when restarting the game @KingPaulus
• Saving the Highscore in Local Storage @bijanRegmi
• Add winning Alert Message with a celebrating sound @needl3
• Add a sound by finding a match @needl3
• Confetti Effect on Celebration 🎉 #45 @SandeepKrSuman
• Count the time and show it next to the highscore, and in the Higscore Alert from @needl3
• Build a Begin animation or sound #44 @abhisheksharm-3
• Button, that makes a Screenshot of the Highscore to share it with friends @insane-22
  • Functionality Buttons on default Overlay
  • Add API for Safari Share window
  • Fix listener preloading, at the moment it needs two clicks for opening
• Add light and dark Mode theme @Surajit0573
• Animation on Pictures if they match #22 @mohiwalla
• Add runtime in Local Storage and show with High score @barkha-gupta
• Elimnate Sonar Cloud issues #96
• Add game history #50
• Add a View Counter #21
• Make seperate Files optimize code maintability @KingPaulus
• See the Issues Task, or open Pull Requests (they may need help or fixxes)
• Another Feature or Bug that's not here listed, but necessary

How to contribute

1. Fork the repo (optional)
2. Clone the repository to your local machine
3. Create a new branch for your changes
4. Make your changes:
   • Add your name to the credits
   • Run the app
   • Test your changes
5. Push your changes and create a Pull Request (PR)
6. Wait for a review and merge the PR
7. Celebrate your first PR! 🎉
8. Repeat and keep contributing ;)

How to run the App

1. npm install

   • Installs all dependencies required for the project.

2. npm start

   • Runs the app in development mode.

3. Open http://localhost:3000 in your browser to view the app.

The page will reload if you make edits.
You will also see any lint errors in the console.

How to test your Change

• First on localhost while developing
• Then on the Vercel Link of your PR
  • Vercel will deploy your changes automatically to a new Link
  • You can find the Link in the PR
• Test mobile and Desktop Viewport

Have fun while celebrating Hacktober

Lets Hack!

Feel free to make PR and complete the readme with your changes

🧹 Code Formatting

This project uses Prettier to maintain consistent code formatting. All pull requests are automatically checked for proper formatting.

Local Development

Before submitting a PR, make sure your code is properly formatted:

# Check formatting
npm run format:check

# Auto-fix formatting issues
npm run format

Automatic Checks

• ✅ Every PR automatically runs Prettier checks via GitHub Actions
• ❌ PRs with formatting issues will fail the check
• 💡 The action will provide instructions on how to fix formatting issues

Credits

Sound Effect from Pixabay Mixkit