foodstock-frontend

Foodstock Frontend

svelte pwa front end for FoodStock

foodstock-frontend

Foodstock is a web application that allows you to manage your food stock. It is composed of a frontend and a backend. This is the frontend part.

Screenshots (not the best looking but functional)

Updates are coming soon

Architecture

  • A stock page that allows you to see all your food
  • A profile page that allows you to see your profile and your settings
  • A social page that allows you to give or get food for free with links to NGOs

The frontend and backend are separated in two different repositories. The backend is available here.

I wanted them to be separated because I wanted to be able to change the frontend without changing the backend and vice versa.

I chose to build a PWA and not a mobile app because I didn't wanted to be constrained by the app stores mainly.

Features

  • Basic pages
  • Add i18n support for translations (diy version, because svelte-i18n is hardly usable)
  • Scanning barcodes to add food to the stock. If the product barcode is not registered, it uses OpenFoodFact API (an online collaborative database that collects and shares information about food products) to get product details
  • Push notifications to warn the user of the expiration of a food : right now, I am able to get suscribe and unsuscribe of notifications. Just need to set cron job to check for product expiration
  • A solid authentication system , it needs now to check response to maybe refresh the token using the implemented Django endpoint.
  • OCR to enter food by reading barcode and date of validity on the product
  • Integrating proximity to find nearest NGOs or people to give food to including distance between the user and them
  • Responsivness for desktop -- in work
  • Add a convenient way to pick a date for mobile (might use this one)
  • Connexions with local supermarkets to get food details and date of validity directly from a single qr code

Top categories

Loading Svelte Themes