Kissan360 — Farm Management System Marketplace

A revolutionary Farm Management System & Marketplace connecting farmers globally using React, Redux, MantineUI, and Formik with Yup validation.

Overview

Kissan360 (Farm Management System Marketplace) is a cutting-edge agricultural platform designed to bridge the gap between local farmers and global buyers. It offers a seamless, secure, and intuitive ecosystem for farmers to sell their fresh produce and for buyers to purchase premium agricultural items at the best prices.

Key Features

Dedicated Marketplaces — Separate, tailored flows for Purchasing Items and Selling Products
Fresh Produce Direct — Connect directly with farmers, cutting out middlemen
Quality Assurance — Secure environment for verified sellers and products
Real-time Community — Platform connecting 10,000+ active farmers with a global network of buyers
Beautiful UI/UX — Glassmorphism-inspired interface with dynamic gradient backgrounds, scroll animations, and glowing elements
Fully Responsive — Optimized for both mobile devices and large desktop displays, with different UIs for small and large screens

Tech Stack

Core Technologies

React 19 — State-of-the-art UI library
TypeScript — Type-safe code and scalable development
Vite — Lightning-fast frontend tooling

State Management & Routing

Redux Toolkit — Centralized application state management
React Router DOM 7 — Single-page navigation

Styling & UI Libraries

Tailwind CSS v4 — Utility-first CSS framework
Mantine UI — Rich set of accessible React components (core, carousel, hooks)
Lucide React & Tabler Icons — Consistent icon sets
Custom Fonts — Montserrat (Primary), Niramit, and Poppins

Forms & Validation

Formik — Robust form state management
Yup — Schema builder for runtime value parsing and validation

Project Structure

kissan360/
├── src/
│   ├── assets/             # Images, SVGs
│   ├── components/         # Reusable UI components
│   ├── layouts/            # Navbar, Footer, Sidebar
│   ├── pages/              # Route components
│   │   ├── HomePage.tsx    # Landing Page
│   │   ├── purchase/       # Purchase marketplace
│   │   └── sell/           # Selling dashboard
│   ├── store/              # Redux setup and slices
│   ├── types/              # TypeScript interfaces
│   ├── validation/         # Yup schemas
│   └── App.tsx             # Root component

Getting Started

git clone https://github.com/Kashan-2912/kissan360.git
cd kissan360
npm install
npm run dev

Navigate to http://localhost:5173 to view the app.