WasteNot: WantNot

An all encompassing app that allows households to plan their meals, track expiry dates of items in their pantry and find local food donation points to donate surplus items. Households can also track their progress and earn badges based on how effectively they are managing their food.

Note: App currently runs best on screen sizes 428 x 926 (i.e. iPhone 12 Pro Max)

logo

Quick Start

Begin with downloading all of the dependencies:

  npm i

In the file /hooks/useFetch/useFetch.js, amend the fetch request url to run on localhost:3001.

useFetch.js

To run this project, run the command:

  npm run dev

Click on the login/signup button to create an account and you will be redirected to your homepage.

Components

  • Navbar
    • Navigation Arrow
    • Burger Bar
  • Landing
    • Dashboard
      • Pie Chart
      • Buttons
  • Meal Planner
    • Input
    • Filter Button
    • Search Button
    • List Display
  • My Meals
    • List Display
      • Delete Button
      • Add To Ingredients Button
  • Grocery List, Pantry List, My Donations
    • List Items
      • Swipe Left
      • Swipe Right
      • Checkbox
    • Donation Prompt
  • Donation Banks
    • Map
    • PostCode Search Bar
    • Results List View
  • Account
    • User Info
    • User Statistics

Pages

  • Landing
  • About Us
    • Home
      • Meal Planner
      • Grocery List
      • My Meals
      • My Donations
      • My Pantry
      • Donation Banks
      • Account

API Reference

TomTom Maps

Get access to TomTom API

Parameter Type Description
key string Required. Your API key

Get Postcode using Lat and Long

  GET https://api.postcodes.io/postcodes/${query}
Parameter Type Description
query Array Required. Latitude and Longitude As Numbers

Get List of Local Foodbanks API

  GET https://www.givefood.org.uk/api/2/foodbanks/search/?lat_lng=${latitude},${longitude}
Parameter Type Description
latitude Number Required. Latitude of current location
longitude Number Required. Longitude of current location

Color Scheme

useFetch.js

Screenshots

screenshot     screenshot

Authors

github   github   github  

github   github   github

Documentation

Research and Planning Documentation

Figma Board

Backend repository