🩸 BloodLine — Frontend (Client Side)

A modern and user-friendly blood donation platform that connects donors with people in need.

---

🌐 Live Project

🔗 Live Website: https://assignment-no11-48bd1.web.app/

---

📸 Screenshot

---

🧩 Project Overview

BloodLine is a web application designed to simplify the blood donation process...

---

✨ Core Features

• User authentication (Register / Login)
• Create and manage blood donation requests
• Donate blood to other users
• Search donors by blood group and location
• Real-time UI updates
• Toast notifications
• Fully responsive design

---

🛠️ Technologies Used

Category	Tech
Frontend	React 19, Vite
Styling	Tailwind CSS, DaisyUI
Routing	React Router v7
State	React Query
Forms	React Hook Form
Auth	Firebase
HTTP	Axios
Quality	ESLint

---

📦 Dependencies

{
  "@tanstack/react-query": "^5.90.12",
  "axios": "^1.13.2",
  "firebase": "^12.6.0",
  "react-hook-form": "^7.68.0",
  "react-router": "^7.10.1",
  "react-toastify": "^11.0.5",
  "daisyui": "^5.5.8",
  "tailwindcss": "^4.1.17",
  "swiper": "^12.0.3"
}

---

🚀 How to Run Locally

Clone

git clone https://github.com/somrat350/Assignment-no11-client.git
cd Assignment-no11-client

Install

npm install

Env

VITE_apiKey=your_key
VITE_authDomain=your_domain
VITE_projectId=your_project_id
VITE_storageBucket=your_storage_bucket
VITE_messagingSenderId=your_messaging_sender_id
VITE_appId=your_app_id

Run

npm run dev

---

🔗 Resources

• https://assignment-no11-48bd1.web.app/
• https://firebase.google.com
• https://tailwindcss.com
• https://daisyui.com

---