Table of Contents
This Web App is about finding required blood group either by searching Donors or Blood Bank.
View Demo
·
View Screenshots
The App has many user roles, based on the role users in, the required tabs will be added or removed.
There are five user roles for this App:
- Member
- Bank Moderator
- Bank Admin
- Moderator
- Admin
All the registered users will become part of this role. Member can search for Donors and Blood Banks. Members can edit and update their profile also they can configure whether they are available for blood donation.
Bank Moderator can update blood availability for the banks. A single user can be a Bank Moderator of many banks and a single bank can have many Bank Moderators.
Bank Admin has all the access of what Bank Moderator has, and also they can add or remove Bank Moderators and Bank Admins, change bank photo. A single user can be Bank Admin of many banks and the single bank can have many Bank Admin.
Moderators can create or update profiles of all Banks and also assign user roles for Banks.
Admin has top access to site, they can add or remove roles of Admin or Moderator.
| # | Framework | Version |
|---|---|---|
| 1 | ASP.NET | 5.0 |
| 2 | Angular | 12.0 |
| 3 | Ngx Bootstrap | 7.0 |
- Cloudinary - Image Repository
- AutoMapper - Dependency Injection
- Bootswatch - Themes for Bootstrap
- Font Awesome - Icons
- ngx-spinner - Loading spinner
- ngx-toastr - Toastr Notification
- ngx-timeago
- All registered users can search for donors by using Address, Blood Group and Age. All the eligible group donors for the selected group are shown. For example, if you are looking for an O+ group then O- group donors are also shown.
- Results are being paginated with 12 items per page.
- Each page is cached in-memory with applied filter and page number, so next time when you hit with the same filter and page number data from cache is used.
- Caching is done by reusable service which can be used for other page results.
- Any update to an item will automatically update all cached items with the same id.
- Donors shown here are based on their interest, They can always opt-out or opt-in from this anytime.
- A modal is shown with more details of the donor.
- All registered users can search for blood banks by using Address, Blood Group and Bank Name.
- A modal is shown with more details of the bank.
- This page is shown only for users with role Bank Admin and Bank Moderator.
- User should be in role Bank Admin or Bank Moderator of each bank to be shown.
- Bank Admin or Bank Moderator can view this page from Moderate List page.
- Bank Moderator can only update blood data of bank where as Bank Admin can change roles for bank and update bank photo.
- Moderator can view this page for moderating Banks.
- They can search for banks or register new banks from this page.
- Moderator can edit all the bank details from this page.
- They can modify bank user roles.
- This page is for Admin which has highest level of access.
- Admin can add or remove roles of Moderator or Admin itself.
