Phantomojo/maono-agriculture-platform

Agricultural ecosystem platform for African farmers - CHAI Hackathon Week 3 # MAONO Agricultural Platform A modern agricultural intelligence platform built with React and TypeScript, following React Native design patterns and best practices. ## Features - **Weather Monitoring**: Real-time weather data and forecasts - **Market Prices**: Track agricultural commodity prices across markets - **Farm Management**: Manage multiple farms and crop data - **Data Visualization**: Interactive charts and maps - **Responsive Design**: Works on desktop, tablet, and mobile devices ## Technology Stack - **React 18** with TypeScript - **Material-UI (MUI)** for UI components - **React Context API** for state management - **Custom Hooks** for data fetching and state management - **React Leaflet** for maps - **React Globe.gl** for 3D globe visualization ## Project Structure ``` src/ ├── components/ # Reusable UI components │ ├── WeatherCard.tsx │ └── MarketPriceCard.tsx ├── screens/ # Main application screens │ └── HomeScreen.tsx ├── hooks/ # Custom React hooks │ ├── useWeatherData.ts │ └── useMarketPrices.ts ├── context/ # React Context providers │ └── AgriculturalContext.tsx ├── types/ # TypeScript type definitions │ └── index.ts ├── services/ # API services ├── utils/ # Utility functions └── App.tsx # Main application component ``` ## Getting Started ### Prerequisites - Node.js (version 14 or later) - npm or yarn ### Installation 1. Clone the repository: ```bash git clone cd maono-agricultural-platform ``` 2. Install dependencies: ```bash npm install ``` 3. Start the development server: ```bash npm start ``` 4. Open localhost to view it in the browser. ## Development ### Available Scripts - `npm start` - Runs the app in development mode - `npm test` - Launches the test runner - `npm run build` - Builds the app for production - `npm run eject` - Ejects from Create React App (one-way operation) ### Code Style This project fol …