Code Monkey home page Code Monkey logo

webtechgroupa's Introduction

image

FOOD DONATION WEBSITE

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

Project Description

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. 

Project Site-Map

image

Project Mock-up

a.Homepage

  • Main page that briefly described the process (guideline) of the whole workflow.

  • Includes Questionnaire & How it works button.

  • image

b.How it Works

  • 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.

    image

c. About Us

  • Display the general idea and the goals of our organization.

  • Briefly explain about the function and further activities of the organization.

    image

d. Donation Form

  • 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

e. Volunteer

  • 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.

    image

f.Contact Us

  • 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

webtechgroupa's People

Contributors

esahxkesah avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.