react-achievements 1.3.3 → 1.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -0
- package/demo/package-lock.json +1046 -55
- package/demo/package.json +1 -1
- package/demo/src/AchievementConfig.ts +37 -0
- package/demo/src/App.jsx +65 -11
- package/demo/src/assets/achievements/explorer.webp +0 -0
- package/demo/src/assets/achievements/seaoned_warrior.webp +0 -0
- package/demo/src/assets/achievements/warrior.webp +0 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -3,6 +3,10 @@
|
|
|
3
3
|
|
|
4
4
|
A flexible and customizable achievement system for React applications, perfect for adding gamification elements to your projects.
|
|
5
5
|
|
|
6
|
+
[](https://youtu.be/BWdtiE53S-8)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
6
10
|
<h2 align="center">🚀 Installation</h2>
|
|
7
11
|
|
|
8
12
|
Install `react-achievements` using npm or yarn:
|
|
@@ -191,6 +195,7 @@ export default Game;
|
|
|
191
195
|
- Persistent Achievements: Unlocked achievements and metrics are stored in local storage, allowing players to keep their progress.
|
|
192
196
|
- Achievement Gallery: Players can view all their unlocked achievements, encouraging completionism.
|
|
193
197
|
- Confetti Effect: A celebratory confetti effect is displayed when an achievement is unlocked, adding to the excitement.
|
|
198
|
+
- Local Storage: Achievements are stored locally on the device
|
|
194
199
|
|
|
195
200
|
<h2 align="center">🔧 API</h2>
|
|
196
201
|
|