Ayurvedic Herb Blockchain Traceability System

A responsive React web application that demonstrates blockchain-based traceability for Ayurvedic herbs, providing complete transparency from farm to consumer.

Features

• Home Page: Overview of the traceability system with call-to-action buttons
• Provenance Page: Detailed view of herb batch information including:
  • Farmer details and GPS location
  • Processing timeline
  • Lab test results
  • Sustainability compliance
  • Blockchain verification
• Scan QR Page: Simulated QR code scanning with batch ID input
• Responsive Design: Mobile-friendly interface built with TailwindCSS
• Sample Data: Pre-loaded data for Ashwagandha and Turmeric batches

Tech Stack

• Frontend: React 18
• Styling: TailwindCSS
• Routing: React Router DOM
• Build Tool: Create React App

Getting Started

Prerequisites

• Node.js (version 14 or higher)
• npm or yarn

Installation

1. Clone or download the project files

2. Install dependencies:

   npm install

3. Start the development server:

   npm start

4. Open http://localhost:3000 to view it in the browser

Demo Data

The application includes sample data for two herb batches:

• ASH001: Ashwagandha batch with complete traceability data
• TUL002: Turmeric batch with sustainability certifications

You can use these batch IDs in the Scan QR page to see the system in action.

Project Structure

src/
├── components/
│   ├── Layout.js          # Main layout wrapper
│   └── Navigation.js      # Navigation bar component
├── pages/
│   ├── Home.js           # Landing page
│   ├── Provenance.js     # Detailed batch information
│   └── ScanQR.js         # QR code scanning simulation
├── data/
│   └── herbData.js       # Sample batch data
├── App.js                # Main application component
├── index.js              # Application entry point
└── index.css             # Global styles and TailwindCSS imports

Available Scripts

• npm start - Runs the app in development mode
• npm build - Builds the app for production
• npm test - Launches the test runner
• npm eject - Ejects from Create React App (one-way operation)

Features Demonstrated

Blockchain Traceability

• Immutable record keeping
• Transaction hash verification
• Timestamped entries

Quality Assurance

• Lab test results for purity and safety
• Pesticide and heavy metal testing
• Microbiology compliance

Sustainability Tracking

• Organic certification status
• Fair trade compliance
• Carbon footprint monitoring
• Water conservation practices

Supply Chain Transparency

• Farmer identification and location
• Processing step documentation
• GPS coordinates for farm locations
• Interactive map placeholders

Future Enhancements

• Integration with actual blockchain networks
• Real QR code scanning functionality
• Interactive maps with real GPS data
• Multi-language support
• Advanced search and filtering
• Mobile app development
• Integration with IoT sensors for real-time monitoring

Deployment Link - https://ayurvedic-herb-sih.pages.dev/

License

This is a prototype/demo application for educational and demonstration purposes.