Skip to content

React PWA with Backend for handling an inventory of Snacks and Drinks!

Notifications You must be signed in to change notification settings

doniel-t/drink-inventory

Repository files navigation

Basic Drink Inventory Website

A basic react Website that tracks the inventory of alcoholic drinks and their mixing materials


How to Run with Docker (recommended):

  • Clone the repository
  • cd into the API directory
  • on Windows run: ./dockerRun.bat
  • on Linux run : ./dockerRun.sh
  • in another terminal cd back to react app
  • edit the .env file for your wanted ip-address:port (make sure the port matches the exposed port from the api dockerRun default :8080)
  • on Windows run: ./dockerRun.bat
  • on Linux run : ./dockerRun.sh

How to Run without Docker (not recommended):

  • Clone the repository
  • cd into the API directory
  • run npm install
  • inside AmazonPriceFetcher.js change var browser = await puppeteer.launch({...}) to var browser = await puppeteer.launch()
  • run node .
  • in another terminal cd back to react app
  • run npm run build
  • run serve -s build or host the static version from the build directory with your Webserver of choice

TODO

  • Add Mockup Design
  • Add Basic Mobile Support
  • Add API
  • Add API calls to DB/Storage
  • Fetch Data from API on Load
  • cleanup Layouting
  • Refractor URL to API
  • Add Amazon price scraper
  • Add search functionality
  • Add routing
  • Add a Add Drink Button (name, amount, image?)
  • Add a Default Page in case API is not available
  • Add Remove Drink Button
  • Add visual Form validation
  • Add PWA Support
  • Add basic Docker support
  • Add SSL cert