No One Goes Hungry – Website

Java, HTML, CSS, JavaScript, SQL,
Spring, Thymeleaf

 Sheridan College - ISE Capstone Competition Winner

  Created in 2022 for Sheridan College ISE Capstone

Group Members:
Angela Noble (Myself), Haydyn B. & Tiffany T.

Angela's Role:
Team Lead, UX/UI Design, Front-end & Back-end Development

Features:
  • Custom Volunteer Registration Form
  • Custom Meal Registration Form
  • Donation Portal
  • Admin Portal:
    • Manage Volunteers
    • Manage Meal Recipients
    • Manage Admin Users
    • Manage Website Content
About the Organization

No one goes hungry (NOGH) is a non-profit organization run solely by volunteers. NOGH rescues food and transforms it into meals to distribute to the community, as well as creates grocery packages filled with produce, bread, fresh meat, dry goods and dairy. The rescued food is delivered to a designated kitchen where volunteers separate the usable food from the waste, after doing so the waste is put aside to be used as livestock food. The executive chef assesses the food to establish the week’s menu. Each week a group of volunteers prepare and cook the food into nutritious, balanced meals. After the meals are prepared, volunteers package and label according to the delivery list preparing another group of volunteers to deliver the packaged meals to the distribution points.

Previous System

There was no existing website or database for the organization. The management team was operating with a time consuming manual system conducting all operations through: Email, Facebook, Spreadsheets & over the phone.

Volunteers and meal recipients were previously registering through email or facebook messenger inquiries.

Client Requirements

The client requested a way to simplify the process of new volunteer and meal recipient applications, allowing for anyone to register quickly and easily online. They also wanted an efficient way to manage and track the applications. Since donations are fundamental to the organization they wanted to make donating more accessible.

The goal of this project was to enable the organization to expand their operations by simplifying their management processes.

Home Page

The websites home page will be used as a form of advertising for the organization. For new users who are unfamiliar with what the organization does the hero section displays a quick summary of what No One Goes Hungry offers.

The buttons then provide a call to action to users allowing them to register to volunteer or register to receive meals

Donation Page

The donation page allows users to view the organizations fundraising goals and amount raised, as well as read through instructions on how to donate to the organization and donate through the secure portal embedded within the page.

The admin team is able to edit the fundraising thermometer within the admin portal, once the amount raised or goal amount is updated the thermometer will automatically update to reflect those changes.

Admin Portal – Login

The admin portal is a secure portal where the management team can log in with their individualized credentials to manage the website, manage all admin users who have access to the portal, as well as manage applications and current volunteers & meal recipients.

Manage Website Content

Within the management portal an admin is able to edit the text on any page of the website. The admin team does not need to know how to code to make any updates. Once saved the new text will be displayed on the live website.

Registration Form

The main functionality the client requested was a website that would enable them to expand their operations. The custom volunteer registration form easily allows anyone in the community to register through the website. This registration form collects and validates the required information from users and shows their progress in the sidebar as the user fills out the form.

There is also a similar registration form for users wishing to register to receive meals and grocery packages. Once the form is submitted the management team can review the application within the admin portal.

Admin Portal – Manage Applicants

Once the management team is logged into the admin portal they are able to manage all applications, current volunteers & current meal recipients. To view all applications for Volunteers the admin would navigate to the Applicants tab at the top. On this page users can click to view a specific application. If the applicant meets the criteria the admin can approve the application.

The process to manage meal recipient applications is identical bu within the Meal Recipients tab on the left navbar.

Manage Current Volunteers/Meal Recipients

If a volunteer would like to stop volunteering or update their contact information the admin user can click into the Active tab. Once within the active tab the admin can search to find the specific volunteer and click into their profile. Within the profile the admin can choose to edit the volunteers contact information, edit their availability, move the volunteer to the inactive volunteers list, or remove them from the database completely. These actions can also be performed within the Meal Recipient section.