Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/niloykhan002/life-stream-client
This is Website for blood donation and find donor online. Our online blood donation platform connects donors with those in need, making it easy to find and give blood when it matters most.
https://github.com/niloykhan002/life-stream-client
mern react tailwind
Last synced: about 19 hours ago
JSON representation
This is Website for blood donation and find donor online. Our online blood donation platform connects donors with those in need, making it easy to find and give blood when it matters most.
- Host: GitHub
- URL: https://github.com/niloykhan002/life-stream-client
- Owner: niloykhan002
- Created: 2025-02-05T11:00:47.000Z (6 days ago)
- Default Branch: main
- Last Pushed: 2025-02-05T13:42:36.000Z (6 days ago)
- Last Synced: 2025-02-05T14:30:56.835Z (6 days ago)
- Topics: mern, react, tailwind
- Language: JavaScript
- Homepage: https://life-stream-4c273.web.app/
- Size: 538 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🩸 Life Stream (MERN Stack)
## 📌 Introduction
This is a **website for blood donation** that allows users to find donors online. Our online blood donation platform connects donors with those in need, making it easy to **donate and request blood** when it matters most.
Built using the **MERN stack**, this platform ensures a smooth, efficient, and user-friendly experience.
## 📖 Table of Contents
- [Features](#features)
- [Tech Stack](#tech-stack)
- [Installation](#installation)
- [Usage](#usage)
- [Contributing](#contributing)
- [License](#license)
## ✨ Features
✅ Find blood donors based on location and blood type
✅ Register as a donor and manage your profile
✅ Secure authentication and user management
✅ Request blood in emergencies
✅ Interactive UI with real-time updates
✅ Notifications for donor matches
## 🛠Tech Stack
- **Frontend**: React, React Router, React Query, Firebase Authentication
- **Backend**: Node.js, Express.js, MongoDB
- **State Management**: React Query
- **UI Components**: React Icons, Jodit React (for rich text), Lottie React (animations)
## 📥 Installation
### Prerequisites
- Node.js and npm installed
- MongoDB running (local or cloud-based)
- Firebase project setup (for authentication)
### Steps
1. **Clone the repository**
```bash
git clone https://github.com/niloykhan002/life-stream-client.git
cd life-stream-client
```
2. **Install dependencies**
```bash
npm install
```
3. **Run the project**
```bash
npm start
```
## 🚀 Usage
- Sign up or log in using Firebase authentication.
- Register as a donor with your blood type and location.
- Search for donors based on blood type and availability.
- Request blood during emergencies.