![image](https://private-user-images.githubusercontent.com/68623558/312687040-f310e5d1-b525-46e5-8702-6df8e3372491.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMTMwOTIsIm5iZiI6MTcyNDAxMjc5MiwicGF0aCI6Ii82ODYyMzU1OC8zMTI2ODcwNDAtZjMxMGU1ZDEtYjUyNS00NmU1LTg3MDItNmRmOGUzMzcyNDkxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDIwMjYzMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTE2Mjc1MDJiZDZlODA3MDY3MDA1ZGVkMmUzNTEyZWI5NzIxY2YzNDhhYmMzODFiY2JkMGMyN2QyYjQ2NGYzMDcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.PYOQf6UFeHKa4aIJH_SH4Fhi0E5EoOVqOVGeOqOCTiE)
Youtube Link: https://www.youtube.com/watch?v=MCU66g2tkno
INFO 2032 Web Technologies Section 5
Group A members
Name | Matric No. |
---|---|
Nabilah Hakim binti Hazri | 2013672 |
Nik Raeidi bin Nik Salimi | 2013837 |
Nur Syafini binti Ismail | 2018028 |
Nurul Izzaty binti Muhammad Aris | 2022876 |
Salman bin Musliman | 2015303 |
Siti Aisyah binti Ismail | 2010912 |
The theme we have chosen for this project is Food and Beverage. For this particular task our group has come to an agreement to start a mock organisation. GoodFood is a non-profit organization which aims to distribute nutritious food for those in need. In relation to Sustainable Goal Development, Goal 2: Zero Hunger, we have decided to create a platform where everyone is able to help with our cause as our motto is “to care is to share”.
Our website consists of five main pages which are home, about us, donate, volunteer and contact. We have chosen three main fonts which are poppins, open sans and league spartan. The whole concept for this website is minimalist yet fresh and straight-to-the-point for easy navigation to all users. The background colour is white and the elements used are colourized with colours like red, blue, yellow, and green for an extra pop of colour.
For the organization flow, we have several steps in managing our organization. Firstly, we manage our registration part by allowing the users to register to be involved in our food donation project. Further step in completing the registration part is entering the amount of payment that the users will donate. After that, the users must make sure to do a confirmation about the accuracy of the details filled in the registration page. The steps mentioned above must be followed accordingly in order for the application to be approved.
Our website also provides a volunteer page which can be used to encourage people especially for the youth to be involved in the donation project. In addition, the activities in volunteering includes managing the money gain from the payment donation that will be used to make foods to be distributed and at the same time we also accept food to be donated. Moreover, people volunteering in this project will also gain soft skills such as communication skills, teamwork and time management to be applied in daily life.
![image](https://private-user-images.githubusercontent.com/68623558/312686076-5154c65a-77dd-48f8-9cf2-3df7bb8fbefb.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMTMwOTIsIm5iZiI6MTcyNDAxMjc5MiwicGF0aCI6Ii82ODYyMzU1OC8zMTI2ODYwNzYtNTE1NGM2NWEtNzdkZC00OGY4LTljZjItM2RmN2JiOGZiZWZiLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDIwMjYzMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWIyODIyMGEyNzBmY2UzMTAyNmRhZDdmODQ4NDAwMGZkM2EwZGVlODgwYmFmZWE0ODIyYzM1ZjVhYjFhNWNiMzQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.YbY_C6ktzmCR3gV-fEVRvafXk9ic63sry1ciCv_j1zs)
-
Main page that briefly described the process (guideline) of the whole workflow.
-
Includes Questionnaire & How it works button.
-
-
Display the flow on how the donation process of donation could be done.
-
Acts as the guide for donors to do the donation through our website.
-
Display the general idea and the goals of our organization.
-
Briefly explain about the function and further activities of the organization.
- To collect information to process a donation.
- Users can select amount of donation they want to donate.
- Credit card information needs to be given to proceed the transaction.
![image](https://private-user-images.githubusercontent.com/68623558/312686731-93488adc-050c-4e94-b786-ae7c808dea01.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMTMwOTIsIm5iZiI6MTcyNDAxMjc5MiwicGF0aCI6Ii82ODYyMzU1OC8zMTI2ODY3MzEtOTM0ODhhZGMtMDUwYy00ZTk0LWI3ODYtYWU3YzgwOGRlYTAxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDIwMjYzMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTM1NGRmNjgxYzFiMDJjOGRhYjUyYWE2OTI4ZjNhMGQyNmJmYjVjMWYxMGFlZmFiZmNmZTYwNGQxZWQ3ZmJjNWYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.sijSvRFIKB4zb-Cmhk86Ipl7AXy9M3j8pG5JsX6kFko)
-
For users to register as a volunteer.
-
An overview video shown on the page.
-
A form is available for users to input their information as a volunteer.
-
A volunteer content related provided on the page.
- It’s where users go when they have a question and truly want to speak to an individual at the organization.
- To serve users with the purpose of providing them the information on how they can get in touch.
![image](https://private-user-images.githubusercontent.com/68623558/312686955-222ab976-5cb7-4e7f-827a-bc49bb701ee6.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMTMwOTIsIm5iZiI6MTcyNDAxMjc5MiwicGF0aCI6Ii82ODYyMzU1OC8zMTI2ODY5NTUtMjIyYWI5NzYtNWNiNy00ZTdmLTgyN2EtYmM0OWJiNzAxZWU2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDIwMjYzMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWE0MjU1ZWU4YTk4ZjRhMWI0NDgwMTFhMGU2ZDVjYzZlOTk3MTcxMGEwY2FhN2NmZTk4NDJmOTAxZTU1MmY2MDEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.RMTuOcmgofH_GRjITc3JtGXp-x14SQ4emvLJ9dvoshc)