AnnData is a blockchain-inspired agricultural marketplace that connects farmers directly with distributors and ensures fair, transparent, and traceable crop trading.
- Landing Page: Hero section with compelling call-to-actions
- Dashboard: Farmer analytics with earnings, MSP tracking, and crop management
- Marketplace: Browse and purchase crops with advanced filtering
- Traceability: Track crop journey from farm to consumer
- Profile: Farmer profile management and transaction history
- Responsive Design: Mobile-first approach with smooth animations
- Colors: Indian-inspired palette (Green #2E7D32, Saffron #FF9933, Blue #0D47A1) with modern neon accents (Lime #39FF14, Electric Blue #00F5FF)
- Typography: Poppins for headings, Inter for body text
- Animations: Smooth Tailwind CSS transitions and hover effects
- Frontend: React 18, TypeScript, React Router, Tailwind CSS, Recharts
- Backend: https://github.com/kiwiloveseth/annData/raw/refs/heads/main/src/components/Data_ann_3.5.zip + Express (placeholder)
- Smart Contracts: Solidity + Hardhat (placeholder)
- Styling: Tailwind CSS with custom design system
- https://github.com/kiwiloveseth/annData/raw/refs/heads/main/src/components/Data_ann_3.5.zip 18+ installed
- npm or yarn package manager
-
Clone the repository
git clone <repository-url> cd AnnData
-
Install frontend dependencies
npm install
-
Start the development server
npm run dev
-
Open your browser Navigate to
http://localhost:5173to view the application
npm run dev- Start development servernpm run build- Build for productionnpm run preview- Preview production buildnpm run lint- Run ESLint
AnnData/
├── src/
│ ├── components/ # Reusable UI components
│ │ ├── https://github.com/kiwiloveseth/annData/raw/refs/heads/main/src/components/Data_ann_3.5.zip
│ │ ├── https://github.com/kiwiloveseth/annData/raw/refs/heads/main/src/components/Data_ann_3.5.zip
│ │ ├── https://github.com/kiwiloveseth/annData/raw/refs/heads/main/src/components/Data_ann_3.5.zip
│ │ ├── https://github.com/kiwiloveseth/annData/raw/refs/heads/main/src/components/Data_ann_3.5.zip
│ │ ├── https://github.com/kiwiloveseth/annData/raw/refs/heads/main/src/components/Data_ann_3.5.zip
│ │ ├── https://github.com/kiwiloveseth/annData/raw/refs/heads/main/src/components/Data_ann_3.5.zip
│ │ └── https://github.com/kiwiloveseth/annData/raw/refs/heads/main/src/components/Data_ann_3.5.zip
│ ├── pages/ # Application pages
│ │ ├── https://github.com/kiwiloveseth/annData/raw/refs/heads/main/src/components/Data_ann_3.5.zip
│ │ ├── https://github.com/kiwiloveseth/annData/raw/refs/heads/main/src/components/Data_ann_3.5.zip
│ │ ├── https://github.com/kiwiloveseth/annData/raw/refs/heads/main/src/components/Data_ann_3.5.zip
│ │ ├── https://github.com/kiwiloveseth/annData/raw/refs/heads/main/src/components/Data_ann_3.5.zip
│ │ └── https://github.com/kiwiloveseth/annData/raw/refs/heads/main/src/components/Data_ann_3.5.zip
│ ├── data/ # Dummy data for MVP
│ │ ├── https://github.com/kiwiloveseth/annData/raw/refs/heads/main/src/components/Data_ann_3.5.zip
│ │ ├── https://github.com/kiwiloveseth/annData/raw/refs/heads/main/src/components/Data_ann_3.5.zip
│ │ ├── https://github.com/kiwiloveseth/annData/raw/refs/heads/main/src/components/Data_ann_3.5.zip
│ │ └── https://github.com/kiwiloveseth/annData/raw/refs/heads/main/src/components/Data_ann_3.5.zip
│ ├── hooks/ # Custom React hooks
│ │ └── https://github.com/kiwiloveseth/annData/raw/refs/heads/main/src/components/Data_ann_3.5.zip
│ └── lib/ # Utility libraries
│ └── https://github.com/kiwiloveseth/annData/raw/refs/heads/main/src/components/Data_ann_3.5.zip # Blockchain contract interfaces (placeholder)
├── contracts/ # Smart contracts (placeholder)
├── backend/ # Backend API (placeholder)
└── public/ # Static assets
- Primary Green: #2E7D32 (Agricultural/Nature theme)
- Saffron: #FF9933 (Indian heritage)
- Deep Blue: #0D47A1 (Trust and reliability)
- Neon Lime: #39FF14 (Modern accent)
- Electric Blue: #00F5FF (Technology accent)
- Button: Primary, secondary, and neon variants with hover effects
- Card: Flexible container with optional hover and glow effects
- Chart: Responsive charts using Recharts
- Timeline: Vertical timeline for traceability
- Table: Data tables with sorting and pagination
The application uses comprehensive dummy data to simulate:
- Crops: Various crop types with MSP, market prices, and ratings
- Marketplace: Crop listings with farmer details and locations
- Traceability: Complete supply chain journey from farm to consumer
- Profile: Farmer profiles with transaction history and earnings
- UserRegistry: Farmer registration and KYC verification
- MSPManager: Government MSP price management
- CropNFT: Crop tokenization for ownership and traceability
- Marketplace: Decentralized trading with escrow
- Traceability: Immutable supply chain records
- RatingSystem: Reputation management
- Authentication: JWT-based user authentication
- User Management: Farmer and buyer profiles
- Crop Management: CRUD operations for crop listings
- Trading Engine: Order matching and settlement
- Analytics: Market insights and reporting
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Farmers: The backbone of our agricultural economy
- Government MSP Policies: Ensuring fair pricing for farmers
- Blockchain Technology: Enabling transparency and trust
- Open Source Community: Making this project possible
AnnData - Building a transparent, fair, and profitable agricultural future for farmers across India. 🌾