Coder Social home page Coder Social logo

serveup's Introduction

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.

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.