💉 BloodDonationSupportSystem_FE

BloodDonationSupportSystem_FE is the frontend component of the Blood Donation Support System, designed to provide a user-friendly interface for individuals, donors, and organizations to interact with the blood donation platform. This repository likely contains the source code for the web application, including user interfaces, API integrations, and frontend logic.

📝 Features

User Registration & Authentication: Secure sign-up, login, and profile management for donors and receivers.
Blood Donation Requests: Submit, view, and manage requests for blood donations.
Search & Matching: Find compatible donors or donation centers based on blood type and location.
Notifications: Receive alerts about donation drives, matching requests, and other important updates.
Donation History: Track previous donations and request status.
Admin Dashboard: Manage users, requests, and platform content.

🚀 Technologies Used

Frontend Framework: (React, Vue, Typescript)
UI Library: (ShadCN, Tailwind CSS, etc.)
HTTP Client: (Axios, Fetch API, etc.)
Form Management: (React Hook Form, etc.)
Routing: (React Router, Vue Router, etc.)
Other: (Include any other notable libraries or tools)

🔗 Live Demo

Frontend: https://blood-donation-support-system-fe.vercel.app
Backend API: https://blood-donation-support-system.somee.com/swagger/index.html

⭐ Getting Started

Prerequisites

Node.js (version v22.14.0 or higher)
npm or yarn

Installation

Clone the repository:

git clone https://github.com/QuangWorkIT/BloodDonationSupportSystem_FE.git
cd BloodDonationSupportSystem_FE

Install dependencies:
```
npm install
# or
yarn install
```
Configure environment variables:
- Copy .env.example to .env and update values as needed.
```
cp .env.example .env
```
Run the application:
```
npm start
# or
yarn start
```
Access the app:
- Open your browser and visit http://localhost:5173.

📁 Project Structure

BloodDonationSupportSystem_FE/
├── public/
├── src/
│   ├── components/
│   ├── pages/
│   ├── lib/
│   ├── hooks/
│   ├── configs/
│   ├── utils/
│   ├── App.js
│   └── index.js
├── .env.example
├── package.json
└── README.md

💡Contribution

Contributions are welcome! Please follow these steps:

Fork the repository.
Create your feature branch: git checkout -b feature/YourFeature
Commit your changes: git commit -m 'Add some feature'
Push to the branch: git push origin feature/YourFeature
Open a pull request.

Please ensure your code follows the project's coding style and includes relevant tests if applicable.

📄 License

This project is licensed under the MIT License.

🔎 Contact

For questions or support, please open an issue or contact the repository owner:

GitHub: QuangWorkIT

Thank you for supporting blood donation initiatives!