feat: Refactor app configuration and context with enhanced AppKit initialization and analytics

[DianaRicee]

PR Description

Summary

This PR improves the frontend configuration and context setup by updating app/config/index.tsx and app/context/index.tsx.
The changes provide better error handling, explicit wallet support, AppKit exposure, and analytics tracking for the Decentralized Reputation System.

---

Key Changes

📂 app/config/index.tsx

• ✅ Updated projectId error handling to provide clearer environment variable messaging.
• ✅ Cleaned up formatting and added trailing commas for consistency.
• ✅ Exported networks array including Mainnet, Optimism, and Base.
• ✅ Improved WagmiAdapter initialization with structured storage configuration.

---

📂 app/context/index.tsx

• ✅ Migrated from @reown/appkit to @reown/appkit/react for React-specific features.
• ✅ Introduced metadata updates:
  • Name updated to "Decentralized Reputation System".
  • Corrected project description.
  • Updated project URL (removed trailing slash).
  • Updated favicon path.
• ✅ Reworked AppKit initialization:
  • Added logging to confirm successful setup (🎯 AppKit initialized).
  • Exposed AppKit globally via window.appkit for debugging.
  • Expanded networks configuration ([base, ...networks]).
  • Explicitly enabled WalletConnect, Injected Wallets, and Coinbase support.
• ✅ Added AnalyticsTracker component:
  • Tracks wallet connections and disconnections.
  • Logs analytics events (address, chainId, timestamp, URL).
  • Verifies AppKit instance availability on window.
• ✅ Improved ContextProvider:
  • Logs initial state from cookies.
  • Wraps children with WagmiProvider and QueryClientProvider.
  • Integrates AnalyticsTracker for real-time monitoring.

---

Motivation

• 🛠️ Enhance developer experience with clearer error messages and structured logging.
• 🌐 Expand network support beyond a single chain.
• 📊 Provide analytics hooks to track wallet activity for user behavior insights.
• 🔌 Ensure wallet connectivity options (WalletConnect, Coinbase, Injected) are explicitly supported.
• 🔍 Expose AppKit globally for easier debugging and QA validation.

---

Next Steps

• Add integration with a real analytics service (e.g., Posthog, Plausible) to replace console logs.
• Consider environment-based metadata overrides for staging vs production deployments.
• Add tests for ContextProvider to ensure cookie state restoration works across sessions.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
decentralized-reputation-system	Ready	Preview	Comment	Sep 25, 2025 4:05pm

[DianaRicee]

Contract Address: 0x809d1f21b807fb28eb47913928b3030b61b273f5