A comprehensive rice trading and market intelligence platform built with React.js, designed specifically for Myanmar's rice market. This platform provides real-time price calculations, transportation cost analysis, weather impact monitoring, and regional supply/demand insights.
- Rice Price Calculator - Calculate prices based on variety, quantity, and region
- Transportation Cost Calculator - Estimate shipping costs with vehicle type and distance
- Total Cost Estimation - Combined rice and transportation costs
- Calculation History - Save and manage recent calculations with local storage
- Regional Supply & Demand Analysis - Monitor market dynamics across Myanmar regions
- Weather Impact Alerts - Real-time weather monitoring affecting rice production
- Market Summary & Analytics - Comprehensive market trends and performance indicators
- Currency Converter - Convert costs between MMK, USD, EUR, THB, and CNY
- Weight/Volume Converter - Traditional Myanmar units and international standards
- Responsive Design - Optimized for mobile and desktop devices
- Professional UI - Agriculture-themed design with modern aesthetics
- Navigation Menu - Easy access to all platform features
- Real-time Updates - Dynamic calculations and market data
- Node.js (v16 or higher)
- npm or yarn package manager
-
Clone the repository
git clone https://github.com/yekyawaung91/rice-market-calculator.git cd rice-market-platform -
Install dependencies
npm install
-
Start the development server
npm run dev
-
Open your browser Navigate to
http://localhost:5173to view the application
The main calculation interface combining rice pricing and transportation costs:
- Rice Variety Selection: Choose from 8 popular Myanmar rice varieties
- Quantity Input: Specify amount in tons
- Region Selection: Select from 8 major Myanmar regions
- Transportation Planning: Origin/destination with vehicle type selection
- Cost Converters: Currency and weight/volume conversion tools
Regional market intelligence dashboard:
- Market Pressure Indicators: High/Medium/Low pressure analysis
- Activity Index: Market engagement levels by region
- Trading Opportunities: Buy/sell recommendations
- Supply/Demand Trends: Increasing/stable/decreasing indicators
Weather alerts and production impact analysis:
- Severity Levels: High/Medium/Low risk categorization
- Alert Types: Flood, drought, storm, and favorable conditions
- Regional Coverage: Weather monitoring across all major regions
- Impact Assessment: Production and transportation effects
Comprehensive market analytics and trends:
- Key Performance Indicators: Average prices, trading volume, market activity
- Regional Performance: Price premiums and market rankings
- Price Trends: 30-day historical analysis by variety
- Market Insights: Trading recommendations and market drivers
Complete transaction and calculation management:
- Search & Filter: Find specific calculations quickly
- Statistics Overview: Usage patterns and averages
- Export Capabilities: Download data for analysis
- Data Management: Clear history and organize records
- Frontend Framework: React.js 18 with TypeScript
- Styling: Tailwind CSS for responsive design
- Icons: Lucide React for consistent iconography
- Build Tool: Vite for fast development and building
- State Management: React hooks (useState, useEffect)
- Data Persistence: Local Storage for calculation history
src/
├── components/ # Reusable UI components
│ ├── Navigation.tsx
│ ├── RicePriceCalculator.tsx
│ ├── TransportationCalculator.tsx
│ ├── CurrencyConverter.tsx
│ ├── WeightVolumeConverter.tsx
│ ├── WeatherAlerts.tsx
│ ├── SupplyDemandIndicators.tsx
│ └── RecentCalculations.tsx
├── pages/ # Page components
│ ├── CalculatorPage.tsx
│ ├── SupplyDemandPage.tsx
│ ├── WeatherPage.tsx
│ ├── MarketSummaryPage.tsx
│ └── HistoryPage.tsx
├── data/ # Mock data and utilities
│ └── mockData.ts
├── types.ts # TypeScript type definitions
├── App.tsx # Main application component
└── main.tsx # Application entry point
- Handles rice variety selection and pricing
- Regional price multipliers
- Real-time price calculation
- Quality-based categorization
- Distance-based cost calculation
- Vehicle type selection with capacity
- Route optimization
- Cost per kilometer pricing
- Multi-currency support (MMK, USD, EUR, THB, CNY)
- Real-time conversion rates
- Swap functionality
- Formatted number display
- Traditional Myanmar units (Basket, Pyi, Viss)
- International standard units
- Weight and volume conversion modes
- Precise calculation algorithms
interface RiceVariety {
id: string;
name: string;
pricePerTon: number;
quality: 'Premium' | 'Standard' | 'Basic';
}interface Region {
id: string;
name: string;
priceMultiplier: number;
}interface VehicleType {
id: string;
name: string;
capacity: number;
costPerKm: number;
}interface WeatherAlert {
id: string;
region: string;
type: 'drought' | 'flood' | 'storm' | 'favorable';
severity: 'low' | 'medium' | 'high';
message: string;
impact: string;
date: string;
}- Primary Green: Agriculture and growth theme
- Amber/Gold: Rice and harvest colors
- Earth Tones: Natural, organic feel
- Status Colors: Red (alerts), Yellow (warnings), Green (positive)
- Headings: Bold, clear hierarchy
- Body Text: Readable, professional
- Data Display: Monospace for numbers and calculations
- Card-based Design: Clean, organized information blocks
- Responsive Grid: Mobile-first approach
- Consistent Spacing: 8px spacing system
- Visual Hierarchy: Clear information prioritization
Create a .env file for configuration:
VITE_API_BASE_URL=your_api_endpoint
VITE_CURRENCY_API_KEY=your_currency_api_key
VITE_WEATHER_API_KEY=your_weather_api_key- Rice Varieties: Update
src/data/mockData.ts - Regions: Modify regional data and price multipliers
- Currency Rates: Configure exchange rates
- Vehicle Types: Adjust transportation options
- User Authentication: Secure login and user profiles
- Trading Platform: Buyer/seller marketplace
- Real-time Data: Live price feeds and market data
- Mobile App: React Native implementation
- API Integration: Backend service connectivity
- Advanced Analytics: Machine learning price predictions
- State Management: Redux or Zustand implementation
- Testing: Unit and integration test coverage
- Performance: Code splitting and optimization
- Accessibility: WCAG compliance improvements
- Internationalization: Multi-language support
We welcome contributions to improve the Rice Market Platform:
- Fork the repository
- Create a feature branch:
git checkout -b feature/new-feature - Commit changes:
git commit -m 'Add new feature' - Push to branch:
git push origin feature/new-feature - Submit a pull request
- Follow TypeScript best practices
- Maintain consistent code formatting
- Add proper type definitions
- Update documentation for new features
- Test on multiple devices and browsers
This project is licensed under the MIT License - see the LICENSE file for details.
- Myanmar Rice Industry: For market insights and requirements
- Pexels: For high-quality stock photography
- Lucide: For beautiful, consistent icons
- Tailwind CSS: For rapid UI development
- React Community: For excellent documentation and support
For questions, issues, or feature requests:
- GitHub Issues: Create an issue
- Email: [email protected]
- Documentation: Wiki
Built with ❤️ for Myanmar's rice trading community