Heroku: https://t2-food-banks.herokuapp.com/
GitHub: https://github.com/ucsb-cs148-s21/1pm-t2-food-bank/
This Webapp aims to provide students information about what items are available at the food bank, so students don't need to come to the food bank and leave empty handed because the food they want is unavailable.
Know the availability and quantity of items at the food bank before physically being there
| Name | GitHub ID | |
|---|---|---|
| Jerry Wang | missmiss20 | tianchenwang@ucsb.edu |
| Liuhao Wu | lwu5 | liuhaowu@ucsb.edu |
| Kaiwen Li | kaiwenli1 | kaiwen_li@ucsb.edu |
| Sunrise Gao | sunrise0stack | xu_gao@ucsb.edu |
| Orion Schwellenbach | JamesSchwellenbach | jamesschwellenbach@ucsb.edu |
Frontend - React/Javascript/HTML/CSS
Backend - Spring Node.js
Database - Firebase
Testing - React Testing Library/JEST + JUnit + Postman
- UI design: Material-UI, Bootstrap, Font Awesome, Google Fonts
- Third-party APIs: Google Auth, EmailJS, MomentJS
- Numerous Youtube tutorials videos (linked in codebase and PR descriptions)
- If I am a student, I can tell know what items are in the food bank and their corresponding quantities.
- If I am a student, I can looking for a restock of specific food that I have been wanting.
- If I am a staff, I can know what kind and quantity of food are distributed today to better arrange tomorrow's orders.
- If I am a staff, I will have permission to edit content on the wepapp, insert, modify, and delete items and give other users admin permissions.
- As a user, I can use the contact form on contact us page to submit a message to UCSB food bank staff.
- Going to our web app, user can click a NavBar item called inventory, where they can find the a list of food items with their categories, quantities, and limitations. User also has access to the search bar to search a food item based on its category or name.
- After logging in, verified staff can login and access the staff portal page to modify food bank inventory.
- Going to the contact us page, user can submit a contact us form to ucsb food bank staff. After submitting the form, user will receive an auto-reply emails and staff member can receive an email notification listing the form user has submitted. Currently, all incoming contact us forms are directed to liuhaowu@ucsb.edu.
- In short 10 weeks of the class, we mainly focused on the implementation of our web app functionality, and thus advanced UI and aesthetics design is required in the future.
- There's a existing Food Bank web app for introductional info (i.e. history, staff info, etc) and our web app is for intereactable and dynamic inventory data access. Consult with UCSB Food Bank administrators about integrating these two apps is recommended in the future.
Fork it!
- Create your feature branch:
git checkout -b my-new-feature - Commit your changes:
git commit -am 'Add some feature' - Push to the branch:
git push origin my-new-feature - Submit a pull request :D
- On Heroku: https://t2-food-banks.herokuapp.com
- Deployment Instruction: DEPLOY.md