🎖️ Hidden Mission Badges & Achievements

[krishkhinchi]

Description

Add a gamification system that rewards users with collectible achievement badges as they interact with the application. Users can unlock badges by exploring different features, tracking satellites, completing tutorials, reaching usage milestones, or discovering hidden easter eggs. Once unlocked, badges should be stored locally so they remain available across future sessions.

Each badge should include a unique name, icon, description, unlock condition, and the date/time it was earned. The interface should notify users with a small achievement popup whenever a new badge is unlocked, and provide a dedicated Achievements section where all earned and locked badges can be viewed along with their progress.

Example achievements:

• 🚀 First Launch – Open the application for the first time.
• 🛰️ Satellite Hunter – Track your first satellite.
• 🌍 Explorer – Visit every major section of the app.
• 📚 Quick Learner – Complete the tutorial.
• 🕵️ Secret Agent – Discover a hidden easter egg.
• ⭐ Mission Veteran – Use the app for multiple sessions.

Badge progress and unlocked achievements should persist using local storage, allowing users to keep their collection even after closing or refreshing the app.

Labels: frontend gamification