Dailyz

A gamified self-improvement application designed to help users build consistent habits through a "quest" system. Complete daily tasks, earn points, maintain streaks, and unlock exclusive profile customizations.

🚀 Features

• Daily Quests: Track your daily progress and earn rewards for consistency.
• Streak System: Maintain your daily momentum with a visual streak counter.
• Rewards Shop: Use your earned points to unlock ranks, avatars, and profile decorations.
• Profile Customization:
  • Avatars: Choose from presets or upload your own custom image.
  • PFP Decorations: Add stylish borders and effects to your profile picture.
  • PFP Tags: Display your status with custom badges (e.g., PRO, ELITE).
• Social Sharing:
  • QR Code Generation: Share your profile with a unique QR code.
  • Profile Scanner: Scan other users' QR codes to preview their achievements in a beautiful, dedicated view.
• Dark Mode: Optimized for both light and dark environments.
• Data Persistence: Your progress is saved locally on your device.

🛠️ Tech Stack

• React 18: Modern UI library for building interactive components.
• TypeScript: Type-safe development for robust code.
• Tailwind CSS: Utility-first styling for a clean and responsive design.
• Lucide React: Beautifully simple icons.
• Motion: Fluid animations and transitions.
• Lottie React: High-quality vector animations for feedback.
• QRCode.react: SVG-based QR code generation.
• HTML5-QRCode: Reliable QR code scanning using the device camera.
• LocalStorage: Simple and effective client-side data storage.

📱 Mobile Ready

• Responsive Design: Works perfectly on mobile, tablet, and desktop.
• Android Permissions: Pre-configured for camera and microphone access.
• App Icon: Custom branded icon for home screen installation.

🛠️ Getting Started

1. Install dependencies: bash npm install
2. Start the development server: bash npm run dev
3. Build for production: bash npm run build

Built With

• react