Skip to content

simvirk5/ServeUp

Repository files navigation

Feeding Forward

https://feedingforward.herokuapp.com/

This fullstack application allow users to log food donations items and search nearby food banks in Washington State. The food industry is known for throwing away tons of adequate food that can simply be donated to food banks that rely heavily, if not entirely, on donation.

How to use this app:

After signing in, user saves the food items from a predetermined list and/or add their own items to their database. In addition, they can save their food bank location to the same database. Once on the profile page, users have the ability to make any updates to their database and/or delete any of their entries.

Technologies Used

Node.js MongoDB Mongoose Javascript Materialize CSS EJS CSS JQuery

Routes

Method Route Purpose
GET / Homepage
GET /auth/login Displays login form with email and password input fields
POST /auth/login User signed in
GET /auth/signup Displays signup form
POST /auth/signup Signup form created
GET /auth/logout Redirect to homepage
GET /post Displays food items and map
POST /post User selects from list of food items and food bank location
GET /profile Displays user's database of the selected food items and food bank location
GET /profile/:id/update Displays the info associated with the specific user
PUT /profile/:id/ Using findOneAndUpdate mongoose method to replace original array with updated array
DELETE /profile/:id/ Using findByIdAndRemove mongoose method delete data from the user's database

API

Google Maps Javascript API https://developers.google.com/maps/

Challenges

  • Searchbox in google maps API only renders search by city, not by foodbanks. I had to hardcode the markers with name and coords of each foodbank location.
  • Sending data from API to foodItems database by using Jquery to add eventListener and using AJAX call to post and update saved locations.
  • Rendering checked items selected by user to the update route.

Next Steps

  • Replace the hardcore food bank database with an actual API Call that renders food bank names when a user searches 'food banks' in the search box.
  • Add another route/schema for volunteer drivers signup

    Give users option to deliver items to foodbank and ask for a pickup. Add monthly subscription for users who ask for pickup.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published