User Documentation

Directions to set up a development environment:

Go to the project repo: Project Repo

• Download and Extract Files: Download the zip file and extract its contents to the desired location.
• Open Project in Visual Studio Code: Launch Visual Studio Code and open the extracted project folder.
• Access VS Code Terminal: • Click on more Options on the top of the screen. • navigate to Terminal. • Select New Terminal to open a terminal in VScode.
• Navigate to Client Directory: In the terminal, type cd client and press Enter.
• Install Client Dependencies: Run the command npm install --force in the terminal and press Enter. Wait for the installation to complete.
• Open New Terminal: Click on "+" icon to open a new terminal in VS Code.
• Navigate to Server Directory: In the new terminal, type cd server and press Enter.
• Install Server Dependencies: Run the command npm install in the terminal and press Enter.

1. User Registration & login (Donor & Patient):

Once the application is launched, we can see the home page.

On clicking the Transfuse Now button, it will direct to login. If the user is already registered, they can login by using their email address and password.

If the user is new to the application, needs to register to access it. While registering it is mandatory to provide user information like contact information, name, password, blood group and place of birth.

2. Forgot Password (Donor & Patient):

If the user forgot the password, password can be reset using the forgot password feature as follows.

Forgot password feature is available at the login screen.

After clicking on forgot password? it will direct you to the page where application asks for the email address which was provided while registering to the application.

After providing the valid email address, we could see the application asks for the birthplace provided while registering.

If the provided birthplace is correct, then the screen appears to change the password.

Once the password changed successfully, we can see an alert showing password changed.

3. Profile Management (Donor & Patient):

After logging in with the valid credentials, donor/patient can view/update their profile as follows.

Once the user is logged in, click on settings and proceed to profile. Here user can update their username, email and phone number after clicking on edit.

User can reset their password from security tab with the help of existing password.

4. Blood Donation Request Management (Donor):

A donor can donate their blood through Donate Blood feature once they are logged in. Here the username and Blood group remains the same which were updated on the profile, if the donor is having any disease, they can update it on the space provided which is optional. The blood donation process requires the units of blood, donor can donate. By providing required details, donor can initiate blood donation.

5. Blood Donation Request (Patient):

A patient can request for the blood through Blood Request feature once they are logged in. Here the username and Blood group remains the same which were updated on the profile, if the patient is having any disease, they can update it on the space provided which is optional. The blood request process requires the units of blood, patient needed. By providing required details, patient can initiate blood request.

6. Appointment Scheduling (Patient & Donor):

While requesting/donating the blood, user can mention their available time by selecting the calendar in the field at Appointment slot. Here each time slot has 5 maximum number of appointments. Appointments are available with the frequency of an hour from 09:00AM to 05:00PM.

7. Customer Support (Admin):

If there any issues faced by the users, they can seek assistance of the admin through live chat feature which is provided. Recent chats can be accessed on My Chats tab and the online admins are available in the Transfusers tab.