anopamars/agrilink

ecosystem for buying and selling raw goods in Zimbabwe # AgriLink MVP ### A peer-negotiated agricultural marketplace for African markets Built on the principle: **Africa is not poor — Africa is poorly optimised.** This platform removes the friction between farmers and buyers by building trust, enabling direct price negotiation, and creating transparent delivery systems. --- ## 🚀 How to run No build step needed. Pure HTML + CSS + JS. **Option 1 — VS Code Live Server (recommended)** 1. Open the `agrilink/` folder in VS Code 2. Install the "Live Server" extension (ritwickdey.LiveServer) 3. Right-click `index.html` → **Open with Live Server** 4. Opens at `127.0.0.1` **Option 2 — Simple HTTP server** ```bash cd agrilink python3 -m http.server 8080 # Open localhost ``` **Option 3 — Node http-server** ```bash npm install -g http-server cd agrilink http-server -p 8080 ``` > ⚠️ Do NOT open index.html directly as a file:// URL — the map tiles and Google Fonts need a server. --- ## 📁 Project structure ``` agrilink/ ├── index.html # All screens (splash, auth, app) ├── css/ │ └── main.css # Full stylesheet ├── js/ │ ├── data.js # Mock data (farmers, listings, negotiations) │ ├── map.js # Leaflet map logic │ └── app.js # All app logic └── README.md ``` --- ## ✅ What's built in this MVP ### Screens - **Landing page** — hero, stats, CTAs - **Registration** — role selection (farmer / buyer), form, doc upload flow - **Login** — form + demo login - **Verification pending** — document upload simulation, status tracker ### App tabs - **Farm Map** — interactive Leaflet map of Zimbabwe - Pins for all 8 mock farmers - Filter by produce type (maize, tomato, soy, potato, tobacco) - Click any pin → farm side panel with listings - "Make an offer" directly from the map - **Browse Produce** — all listings grid - Search/filter by name, farm, location - Verified badge on listings - "Make an offer" and "View details" per listing - **Negotiations** — live negotiatio …