🩸 Blood Donation Web App

A full-featured blood donation platform built with Next.js. It allows users to register as donors, browse blood group availability, and submit donation requests through a clean, accessible interface — connecting donors and recipients faster.

---

✨ Features

• 🩸 Donor registration with blood group selection
• 🔎 Browse and filter blood group availability
• 📝 Submit donation requests with recipient details
• 📱 Fully responsive across mobile, tablet, and desktop
• ♿ Accessible, semantic UI components
• ⚡ Fast page loads via Next.js rendering
• 🎨 Clean, modern interface built with Tailwind CSS

---

🛠️ Technologies Used

• Next.js
• React
• Tailwind CSS
• JavaScript

---

📂 Project Structure

blooddonation-webapp
│
├── app
│   ├── layout.js
│   ├── page.js
│   └── (routes)
│
├── components
│   ├── Navbar
│   ├── DonorForm
│   ├── BloodGroupList
│   └── Footer
│
├── public
│   └── assets
│
├── styles
│   └── globals.css
│
└── next.config.js

---

⚙️ Installation & Setup

1. Clone the repository

git clone https://github.com/immad01dev/blooddonation-webapp.git

2. Navigate to project directory

cd blooddonation-webapp

3. Install dependencies

npm install

4. Start development server

npm run dev

The application will run on:

http://localhost:3000

---

📸 Application Preview

👨‍💻 Author

Immad Naseer

Software Engineer | Web Application Developer

GitHub: github.com/immadcipher01