feat:adding commodity page and changed nearby map feature instead of redirecting to directions

Praveena Veerankirequested to merge
develop into main

🏁 Production Release Overview

This merge finalizes the CropNest V1.2 core interface, featuring the fully integrated bilingual voice search, restructured navigation flow, and the transition to Bun for high-performance development and builds.

🌟 Major Features & Milestones

📱 UI/UX Restructuring (Finalized)

  • Role-Based Navigation: The Home page is now a high-fidelity landing page focused on value proposition and crop overviews.
  • Intelligence Hub: The Commodities page is established as the primary portal for real-time price discovery and search.
  • Premium Aesthetics: Standardized glassmorphism effects, dark-green gradients (agri-gradient), and high-contrast light modes across all modules.

🎙️ Bilingual Voice Intelligence

  • Telugu & English Support: Robust voice recognition for commodity searches and district-level filtering in both languages.
  • Real-time Feedback: Intelligent intent parsing with visual status indicators that describe the search action to the user (e.g., "Searching for Rice prices in Kurnool").
  • Auto-transliteration: Seamless mapping of regional names to English backend data for accurate filtering.

📊 Market Data & Map Integration

  • Advanced Filtering: District and market-level filters integrated with the live Mandi API.
  • Nearby Markets: Interactive map interface (Leaflet) optimized with custom iconography and marker clustering for better performance.
  • Intelligent Cards: Commodity cards now dynamically adapt to available data, hiding empty price sections for a cleaner presentation.

⚡ Performance & Environment

  • Bun Migration: Fully migrated the package management and build process to Bun, resulting in significantly faster installation and development cycles.
  • State Management: Optimized useAppState context to persist user preferences (like selected state) across the entire application lifecycle.

🚀 Technical Summary

  • Core: Next.js 14+ (App Router)
  • Runtime: Bun
  • Styling: Vanilla CSS + Tailwind-compatible @theme
  • Animations: Framer Motion
  • Icons: Lucide-React
  • Maps: React-Leaflet

✅ Final Verification

  • Full build successful with Bun.
  • Cross-browser testing completed for voice recognition features.
  • Mobile responsiveness verified for all new landing and discovery sections.
  • Navigation links and state persistence validated.

Merge request reports