steenhansen / type-czech-phone-recipes

Online recipe book written in functional JavaScript

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

• React Hooks

• 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

• Heroku
• Locally along with a MongoDB Compass installation

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

8 Selenium Tests

• 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

8 Vitest JSX tests

npx vitest /test-jsx-browser

12 Mocha Node.js tests

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