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

https://github.com/riadul-hasan/sharebite

ShareBite is a community-driven platform connecting food donors with recipients to reduce food waste.
https://github.com/riadul-hasan/sharebite

daisy javascript mondodb nodejs react tailwindcss

Last synced: 3 months ago
JSON representation

ShareBite is a community-driven platform connecting food donors with recipients to reduce food waste.

Awesome Lists containing this project

README

          

# 🍎 ShareBite - Food Sharing Platform

[![Live Demo](https://img.shields.io/badge/Live_Demo-ShareBite-green?style=for-the-badge&logo=firebase)](https://food-sharing-auth-ee4f1.web.app/)

## 🌟 About The Project

ShareBite is a community-driven platform that connects food donors with recipients to reduce food waste. Key benefits:

- 🚀 Real-time food surplus listings
- 📍 Location-based donor matching
- ⏰ Smart expiration alerts
- 🔒 Secure food request system

## ✨ Key Features

| Feature | Description |
|---------|-------------|
| 🍽️ Food Listings | Post/request food with images and details |
| 🤝 Smart Matching | Connect donors and recipients by location |
| ⚠️ Expiry Alerts | Color-coded urgency indicators |
| 🔄 Request Management | Update/cancel food requests easily |
| 🔐 Secure Auth | Google/Firebase login with JWT tokens |
| 📱 Responsive Design | Optimized for all devices |

## 🛠️ Tech Stack

### Frontend
![React](https://img.shields.io/badge/React-20232A?logo=react&logoColor=61DAFB)
![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?logo=tailwind-css&logoColor=white)
![React Router](https://img.shields.io/badge/React_Router-CA4245?logo=react-router&logoColor=white)

### Backend
![Firebase](https://img.shields.io/badge/Firebase-FFCA28?logo=firebase&logoColor=black)
![MongoDB](https://img.shields.io/badge/MongoDB-47A248?logo=mongodb&logoColor=white)

### Key Libraries
```plaintext
- React Framer Motion (Animations)
- Firebase JWT (Authentication)
- React Icons (UI Elements)
- React Context API (State Management)

```

### 🚀 Installation

1. **Clone the Repository**
```bash
git clone https://github.com/yourusername/gardenify.git
```

2. **Navigate to the Project Directory**
```bash
cd gardenify
```

3. **Install Dependencies**
```bash
npm install
```

4. **Create Environment File**
```bash
cp .env.example .env
```

5. **Start the Development Server**
```bash
npm run dev
```