Share My Food

Food-sharing and Recipe site

Final Project by Victor and Abdullah

Specially made for the Full Stack App and Web Development Course
WBS Berlin, WD#020 (Jan,2022)

---

Deployments

Current-Beta: (vercel) sharemyfood-v2.6

• Stable-release: (vercel) sharemyfood-v2.1

• Initial-release: (vercel) sharemyfood-v1

---

Features

Javascript Full-Stack App - P.E.R.N Stack

• Frontend: REACT v17.0.2

  • Single-Page App with React Router
  • Backend spin-up indication (due to delay in render)
  • Dev mode indicator
  • Simple SVG Map to show location
  • Carousel - with auto play, clickable
  • Recipe Filter by ingredients
  • Tabbed elements
  • Built-in Modal form
  • Easter-egg!

• Backend: Node

  • REST Api (hosted on Render/Heroku)
  • With German Postcode lookup endpoint
  • Database: PostgreSQL (ElephantSQL online) or MySQL (local server)
  • Other: - xxx

• ToDo:

  • Shareitems: pick a validity period, ie 1-3days, 1week/weeks etc.
  • Auto disable items on expiry.
  • 2-way messaging, or chat
  • Edit recipe
  • ingredients: Editing, Copy Paste
  • Share Location
  • Drag-drop of image to recip
  • Online chat

---

Sources

GH Page  •  GH Repo  •  Backend

🎥 Making Of: (Watch on ClipChamp)

Developer:   Team: Victor Wright / Abdullah
Project:     WBS WD#020 Group - Jan 2022
Instructor:  Jorge Paul (WBS Coding School)
Date:        30 Dec 2021