Hacktoberfest 2024
Improve a Memory in react js
Open Tasks:
- [x] Fix Distorted images @D3nn7
- [x] Mobile Viewport fix
- [x] Display always new Pictures, when restarting the game @KingPaulus
- [x] Saving the Highscore in Local Storage @bijanRegmi
- [x] Add winning Alert Message with a celebrating sound @needl3
- [x] Add a sound by finding a match @needl3
- [x] Confetti Effect on Celebration 🎉 #45 @SandeepKrSuman
- [x] Count the time and show it next to the highscore, and in the Higscore Alert from @needl3
- [X] Build a Begin animation or sound #44 @abhisheksharm-3
- [x] 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
- [x] Add light and dark Mode theme @Surajit0573
- [x] Animation on Pictures if they match #22 @mohiwalla
- [x] 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