Donation Screens Management Website Development
Budget: $250 – $750 USD
I'm looking for a skilled website frontend developer to create a platform primarily focused on managing screens that run a donation software.
1. Website Description
The concept of this website is to empower the user (Zakat committee or charitable team) to manage donation screens owned by them. Donation screens feature donation software that allows people to donate to various charitable initiatives specified through the website. The committee account website comprises several sections: Devices Section, Charitable Initiatives Section, Statistics Section, Advertisement Content Section, and Users Section.
In the Devices Section, all devices owned by the user are displayed along with details such as device number, location, device connectivity status, and other data.
In the Charitable Initiatives Section, a list of charitable initiatives (up to 12 charitable initiatives maximum) is displayed along with the content of each charitable initiative, consisting of the initiative's name, e-payment service code, and a video shown to the donor after completing the donation process.
In the Statistics Section, details of donation statistics are displayed, such as total donations for each charitable initiative and total number of donors.
2. Website Requirements
- Login Page
This page is used to log in to the committee's account or the system administrator's account.
Display an alert prompting to enter the username and password upon clicking the login button.
Display an alert in case of an error in the username or password.
Display a "Forgot Password" option.
*** Committee Account Pages
- Home Page (Statistics Page) | Committee Account
Display a menu of pages (Statistics Page "Default Page" - Devices Page - Charitable Initiatives Page - Advertisement Content Page - Committee Profile Page).
Display donation statistics (total amount and total donors (all) - total amount and total donors (per charitable initiative)).
Display a daily/monthly chart of donation amounts/donors.
Display the number of activated devices and deactivated devices.
- Devices Page | Committee Account
Display two sections:
Activated Devices Table:
Displays activated devices with their data.
Edit device details.
Deactivate a device.
Assign charitable initiatives to the device.
Deactivated Devices Table:
Displays deactivated devices with their data.
Edit device details.
Activate a device.
Map display of devices locations (activated devices only, deactivated devices, both).
- Charitable Initiatives Page | Committee Account
Display a list of charitable initiatives.
Details of each charitable initiative (initiative name, e-payment service code).
Edit charitable initiative.
Activate/Deactivate charitable initiative.
- Advertisement Content (digital signage playlist media) Page | Committee Account
Display a list of advertisement files (images and videos) with their arrangement and display details (duration).
Area to upload files with specifying display duration for images with confirmation before addition.
Edit the list by rearranging, modifying display duration for images, or deleting files.
Activate/Deactivate display file.
Ability to specify a time frame for displaying the file (selecting a specific day, time, date range).
- Users List Page | Committee Account
Display a list of users.
Add a new user.
User types:
Administrator User (full permissions).
Regular User (permissions are defined).
User permissions:
View statistics.
View advertisement page.
View charitable initiatives page.
View devices page.
Edit advertisements.
Edit charitable initiatives.
Edit devices.
Edit/Delete user.
- User Profile Page | Committee Account
Display committee data (committee logo + other details).
Edit committee data.
Edit password.
- Subscription Page | Committee Account
Display current subscription plan.
Display added payment methods (debit/credit cards).
Display payments history.
Upgrade/Change subscription plan.
Delete subscription plan.
Add a new payment method.
Delete payment method.
*** System Administrator Account Pages
-- Charitable Committees Accounts Page | System Administrator Account
Display two tables: Activated Committees Table with their data, and Deactivated Committees Table with their data.
Display committee details page.
Edit committee details.
Delete committee.
Suspend/reactivate committee account.
Add a new committee.
Display devices added to each committee.
Add devices.
-- Devices Page | System Administrator Account
Display two sections:
Activated Devices Table:
Display devices added to committees with their data.
Deactivate device from committee.
Deactivated Devices Table:
Display devices not added to committees with their data.
Assign committee to device.
Delete device.
-- Subscription Plans Page | System Administrator Account
List of subscription plans with their details.
Edit/Delete subscription plan.
Statistics of the number of subscriptions for each plan and the amounts.
-- User Accounts Page | System Administrator Account
List of users.
Add a new user.
Edit/Delete user.
The platform should be user-friendly and secure.
Ideal Skills:
- Proficient in web frontend development using React JS.
- UI/UX
The backend is ready of this system. Only we want frontend developer to develop this website.
Please provide examples of similar projects you have worked on. Your proposal should include a timeline for this project.
Thank you.
1. Website Description
The concept of this website is to empower the user (Zakat committee or charitable team) to manage donation screens owned by them. Donation screens feature donation software that allows people to donate to various charitable initiatives specified through the website. The committee account website comprises several sections: Devices Section, Charitable Initiatives Section, Statistics Section, Advertisement Content Section, and Users Section.
In the Devices Section, all devices owned by the user are displayed along with details such as device number, location, device connectivity status, and other data.
In the Charitable Initiatives Section, a list of charitable initiatives (up to 12 charitable initiatives maximum) is displayed along with the content of each charitable initiative, consisting of the initiative's name, e-payment service code, and a video shown to the donor after completing the donation process.
In the Statistics Section, details of donation statistics are displayed, such as total donations for each charitable initiative and total number of donors.
2. Website Requirements
- Login Page
This page is used to log in to the committee's account or the system administrator's account.
Display an alert prompting to enter the username and password upon clicking the login button.
Display an alert in case of an error in the username or password.
Display a "Forgot Password" option.
*** Committee Account Pages
- Home Page (Statistics Page) | Committee Account
Display a menu of pages (Statistics Page "Default Page" - Devices Page - Charitable Initiatives Page - Advertisement Content Page - Committee Profile Page).
Display donation statistics (total amount and total donors (all) - total amount and total donors (per charitable initiative)).
Display a daily/monthly chart of donation amounts/donors.
Display the number of activated devices and deactivated devices.
- Devices Page | Committee Account
Display two sections:
Activated Devices Table:
Displays activated devices with their data.
Edit device details.
Deactivate a device.
Assign charitable initiatives to the device.
Deactivated Devices Table:
Displays deactivated devices with their data.
Edit device details.
Activate a device.
Map display of devices locations (activated devices only, deactivated devices, both).
- Charitable Initiatives Page | Committee Account
Display a list of charitable initiatives.
Details of each charitable initiative (initiative name, e-payment service code).
Edit charitable initiative.
Activate/Deactivate charitable initiative.
- Advertisement Content (digital signage playlist media) Page | Committee Account
Display a list of advertisement files (images and videos) with their arrangement and display details (duration).
Area to upload files with specifying display duration for images with confirmation before addition.
Edit the list by rearranging, modifying display duration for images, or deleting files.
Activate/Deactivate display file.
Ability to specify a time frame for displaying the file (selecting a specific day, time, date range).
- Users List Page | Committee Account
Display a list of users.
Add a new user.
User types:
Administrator User (full permissions).
Regular User (permissions are defined).
User permissions:
View statistics.
View advertisement page.
View charitable initiatives page.
View devices page.
Edit advertisements.
Edit charitable initiatives.
Edit devices.
Edit/Delete user.
- User Profile Page | Committee Account
Display committee data (committee logo + other details).
Edit committee data.
Edit password.
- Subscription Page | Committee Account
Display current subscription plan.
Display added payment methods (debit/credit cards).
Display payments history.
Upgrade/Change subscription plan.
Delete subscription plan.
Add a new payment method.
Delete payment method.
*** System Administrator Account Pages
-- Charitable Committees Accounts Page | System Administrator Account
Display two tables: Activated Committees Table with their data, and Deactivated Committees Table with their data.
Display committee details page.
Edit committee details.
Delete committee.
Suspend/reactivate committee account.
Add a new committee.
Display devices added to each committee.
Add devices.
-- Devices Page | System Administrator Account
Display two sections:
Activated Devices Table:
Display devices added to committees with their data.
Deactivate device from committee.
Deactivated Devices Table:
Display devices not added to committees with their data.
Assign committee to device.
Delete device.
-- Subscription Plans Page | System Administrator Account
List of subscription plans with their details.
Edit/Delete subscription plan.
Statistics of the number of subscriptions for each plan and the amounts.
-- User Accounts Page | System Administrator Account
List of users.
Add a new user.
Edit/Delete user.
The platform should be user-friendly and secure.
Ideal Skills:
- Proficient in web frontend development using React JS.
- UI/UX
The backend is ready of this system. Only we want frontend developer to develop this website.
Please provide examples of similar projects you have worked on. Your proposal should include a timeline for this project.
Thank you.
Related categories:
Website Design
UX / User Experience
React.js
UI / User Interface
Web Development