A platform connecting investors with African agricultural projects — browse farms, invest, track your portfolio, and measure real-world impact.
# MyAfrica Farm
A platform connecting investors with African agricultural projects — browse farms, invest, track your portfolio, and measure real-world impact.
**Live:**
myafrica-farm.vercel.app
---
## What it does
MyAfrica Farm lets investors discover and fund agricultural projects across Africa (coffee, tea, cocoa, avocado, citrus, grapes, and more). Each farm listing shows funding progress, expected ROI, risk level, and farmer details. Investors get a full dashboard with portfolio analytics, transaction history, and sustainability impact metrics.
## Pages
| Route | Description |
|---|---|
| `/` | Landing page with featured farms, impact stats, and testimonials |
| `/marketplace` | Browse all available farm investment opportunities |
| `/project/[id]` | Individual farm detail and investment flow |
| `/portfolio` | Your active investments and asset allocation |
| `/dashboard` | Portfolio overview and performance charts |
| `/analytics` | Detailed returns and growth analytics |
| `/wallet` | Wallet balance and transaction history |
## Tech stack
- Next.js 16 (App Router)
- React 19
- TypeScript
- Tailwind CSS v4
- Radix UI + shadcn/ui
- Recharts for data visualization
- next-themes for dark/light mode
- Vercel Analytics
## Getting started
```bash
# Install dependencies
pnpm install
# Run the dev server
pnpm dev
```
Open
localhost in your browser.
```bash
# Build for production
pnpm build
# Start production server
pnpm start
```
## Project structure
```
app/ # Next.js App Router pages
components/
landing/ # Hero, featured farms, impact, testimonials
ui/ # Reusable UI primitives
lib/
mock-data.ts # Data models and mock dataset
utils.ts # Shared utilities
public/images/ # Farm and hero images
```
## Data
Currently uses mock data defined in `lib/mock-data.ts`. The schema covers `Farm`, `Investment`, `Transaction`, and `User` types — ready to swap in a real API or …