-
Notifications
You must be signed in to change notification settings - Fork 0
View
A main header for the app.
The header consists of a logo button to homepage, a navigation bar with buttons to home page, causes page, and about us page. The header also has a profile button in the upper right corner.
Package for the login and sign up pages.
Consists of LoginPageView, LoginHeader and SignUpPageView.
A view for the login page.
A user can login with email and password. If the user does not have an account they can press the register button to the SignUp page. This page involves a LoginHeader, an image at the right, a login box, an email box, a login button, and a register button.
A header for the login page and for the SignIn page.
The header includes a logo of the Help Me Help app.
A view for the SignUp page.
In this page a user can create an account by writing in first and last name, and by adding email and password. If the user already have an account, they can press the back to login button to login.
This view contains a first name field, a surname field, a email field, a password field, a sign up button, and an back to login button.
Package for the home page.
Consists of HomePageView.
A view for the homepage.
In the home page a user can navigate to pages in the heading, and they can press the "donate to a cause" button or the "about us" button.
The homepage includes a heading, a "donate to a cause" button, and an about us button. The page also has a charity image at the bottom.
Package for the causes page.
Consists of CausesPageView and OrganizationCard.
A view for the causes page.
This page allows users to browse and search for organizations they may want to donate to. Organizations are displayed in a grid layout, with four organizations per row. Each organization is represented as a clickable card containing its name and logo, which navigates to the organization's detail page.
The page includes a search field that filters the displayed organizations based on user input.
Logos are fetched asynchronously, and a loading indicator is shown while the data is being retrieved. If a logo cannot be loaded, a fallback "no image" is displayed.
OrganizationCard represent a single organization card in the causes page.
The card displays the organization's logo, name, and verification checkmark. If no logo is available, a fallback text ("No image") is shown.
The card is clickable. When pressed it navigates to the organization's detail page.
Package for the organization page. Consists of OrganizationPageView.
A view for displaying information about a selected organization.
The page shows the organization's logo, name, and description. If no logo is available, a fallback "No image" is displayed.
The page also includes a donate button that navigates to the donation page, and a back button to return to the causes page.
Package for donation page.
consists of DonationPageView and PaymentCompletePageView.
A view for the Donation Page. In the donation page a user can donate a chosen amount to the organization they have chosen to donate to.
The donation page consists of payment amount buttons, payment method buttons, donation button, and a back to organization page button.
A view for the payment complete page.
When a user have donated an amount, this page opens up.
The page consist of an image that says "Tank You For The Donation", and a "back to home" button at the bottom center.
Package for About Us Page.
Consists of AboutUsView.
A view for displaying information about the "Help Me Help" application and its creators. The view is presented as an informational dialog that includes a description of the app's mission and a hyperlink to the project's GitHub repository for more details. This page serves to provide users with background information about the application and its development team.
Package for User Page.
Consists of UserPageView.
A view for the user profile page.
Displays the current user's profile information, including avatar, full name, email and location, along with a logout button. The page is divided into three sections: Profile information, Supported causes, and previous donations.
Supported causes shows all the organizations that the user has donated to. Previous donations shows a list of all the user's donations, and includes a search bar to filter through them.
📘 Project Wiki
Last updated: April 2026
Maintained by (BIDATA) Team 5 in the course IDATT1005