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)
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.
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.
- Navbar
- Navigation Arrow
- Burger Bar
- Landing
- Dashboard
- Pie Chart
- Buttons
- Dashboard
- Meal Planner
- Input
- Filter Button
- Search Button
- List Display
- My Meals
- List Display
- Delete Button
- Add To Ingredients Button
- List Display
- Grocery List, Pantry List, My Donations
- List Items
- Swipe Left
- Swipe Right
- Checkbox
- Donation Prompt
- List Items
- Donation Banks
- Map
- PostCode Search Bar
- Results List View
- Account
- User Info
- User Statistics
- Landing
- About Us
- Home
- Meal Planner
- Grocery List
- My Meals
- My Donations
- My Pantry
- Donation Banks
- Account
- Home
TomTom Maps
Parameter | Type | Description |
---|---|---|
key |
string |
Required. Your API key |
GET https://api.postcodes.io/postcodes/${query}
Parameter | Type | Description |
---|---|---|
query |
Array |
Required. Latitude and Longitude As Numbers |
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 |