Skip to content

idna001/Couple-Memory

Repository files navigation

Hacktoberfest 2024

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 #51
  • 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

  • Fork the Repo (optional)
  • Clone the Repository
  • Create a new Branch
  • Make your changes
  • Push your changes to a PR on this Repo
  • Wait for a Review and merge
  • Celebrate your first PR
  • Repeat ;)

How to run the App

  • npm install
    • Will install all dependencies
  • npm start
    • Runs the app in the development mode.
  • Open http://localhost:3000 to view it in the browser.

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

Credits

Sound Effect from Pixabay Mixkit