Phone-Recipes, https://phone-recipes.herokuapp.com/, exists to help prepare multiple dishes for a meal using a phone in the kitchen. A list of my online recipes; https://phone-recipes.herokuapp.com/steenhansen1942/gmail.com. Phone-recipes shows mulitple dishes along with timers. Log in with a Google Account. The React components are online with Storybook. Below are screen shots of of my Pork Roast with rice recipes.
Rescources
-
vite-plugin-ssr for Server-Side-Rending and Hot-Module-Replacement
-
Passport OAuth 2.0 authentication via Google
-
Storybook for React component building
-
Selenuim UI testing
-
Mongoose for MongoDB objects
-
Tailwind CSS
-
Icons from flaticon.com
-
Type-Czech run time checking in development
Runs On
Credentials Needed (examples in /sample-configs/)
- Local or MongoDB Atlas MongoDB URI
- Google OAuth 2.0 credentials
Prepare Node Environment, Sqlite3 issue on Windows issue if try Node 18
-
nvm install 16.16.0
-
nvm use 16.16.0
-
npm install
Run on Heroku
npm run start, no Proc file needed
Test Heroku environment locally with Atlas DB, local MongoDB Compass must be connected also for some reason
npm run prod ../heroku-config.js
Local Dev Run
npm run dev ../dev-config.js
Local Prod Run
npm run prod ../prod-config.js
-
Close all FireFox windows, tests use a lot of resources. If fail try again. If still fail check hard drive free space. Possibly reboot after empty trash.
-
terminal 1:
npm run dev /test-selenium/selenium-config.js -
terminal 2:
cd test-selenium node all-selenium-tests -
NB, close Firefox windows after every test as gigabytes of hard drive space are used
npx vitest /test-jsx-browser
npm run test-node
Storybook Local
npm run show-storybook
Upload Storybook to Chromatic.com
npm run upload-storybook -- --project-token=your-abc123xyz-token
View phone-recipes online storybook on Chromatic.com
https://www.chromatic.com/library?appId=6269af43d179dc004af9a1ec&inviteToken=5fd55d68b13f4f51bc57632bcad949ba