An open API service indexing awesome lists of open source software.

https://github.com/ahmad131554/feed2need

Online grocery platform connecting rural sellers with urban customers using React + Supabase. Features Stripe payments, seller/admin dashboards, and real-time order tracking.
https://github.com/ahmad131554/feed2need

ecommerce frontend fyp grocery react rural-ecommerce stripe supabase tailwindcss

Last synced: 3 months ago
JSON representation

Online grocery platform connecting rural sellers with urban customers using React + Supabase. Features Stripe payments, seller/admin dashboards, and real-time order tracking.

Awesome Lists containing this project

README

          

# 🛒 Feed2Need - Bridging Rural Sellers and Urban Customers

![React](https://img.shields.io/badge/React-18.2.0-blue)
![Supabase](https://img.shields.io/badge/Supabase-3.0.0-green)
![TailwindCSS](https://img.shields.io/badge/TailwindCSS-3.3.0-06B6D4)
![Stripe](https://img.shields.io/badge/Stripe-Payment-008CDD)

**Feed2Need** is an online grocery platform connecting rural sellers with urban customers, ensuring access to locally sourced, high-quality products. Built with modern web technologies for seamless user experiences.

👉 [Live Demo](https://feed2need.vercel.app/)

---

## ✨ Key Features

### **Customer Portal**

- 🛍️ Browse shops/products with filters
- 🛒 Cart & checkout with **Stripe payments**
- 📦 Order history with status tracking
- ❤️ Wishlist & account management

### **Seller Portal**

- 🏪 Shop creation & profile verification
- 📊 Product CRUD operations
- 📦 Order management dashboard
- 💼 Seller analytics

### **Admin Dashboard**

- 📊 Platform analytics (orders, users)
- ✅ Seller verification
- 🏷️ Category management
- 🔍 Full order oversight

---

## 🛠️ Tech Stack

| Category | Technologies/Libraries |
| -------------- | ------------------------------------------------------------------- |
| **Frontend** | React, React Router, TailwindCSS, React Query, React Hook Form, Zod |
| **Backend** | Supabase (Auth, Database, Storage) |
| **Payment** | Stripe (Test mode) |
| **UI/UX** | React Hot Toast, React Icons |
| **Deployment** | Vercel (Frontend), Supabase (Backend) |

---

## 🚀 Installation

1. Clone the repo:

```bash
`git clone https://github.com/Ahmad131554/feed2need.git`
```

2. Install dependencies:

```bash
`npm install`
```

3. Set up environment variables (create `.env` file):

```bash
VITE_SUPABASE_URL=your_supabase_url
VITE_SUPABASE_KEY=your_supabase_key
VITE_STRIPE_PUBLIC_KEY=your_stripe_key
```

4. Run locally:

```bash
`npm run dev`
```

---

## 🌟 Why Feed2Need?

- **Empowers Rural Sellers**: Direct market access without middlemen
- **Quality Assurance**: Urban customers get fresh, locally sourced products
- **End-to-End Flow**: Complete order lifecycle from cart to delivery tracking
- **Modern Stack**: Scalable architecture with React + Supabase

---

## 📄 License

MIT © [Muhammad Ahmad](https://github.com/Ahmad131554)