https://github.com/colinrobertbrooks/recipes
Things on the internet that we eat 🍽️
https://github.com/colinrobertbrooks/recipes
boostrap4 react typescript
Last synced: 3 months ago
JSON representation
Things on the internet that we eat 🍽️
- Host: GitHub
- URL: https://github.com/colinrobertbrooks/recipes
- Owner: colinrobertbrooks
- Created: 2016-12-13T23:07:20.000Z (over 9 years ago)
- Default Branch: main
- Last Pushed: 2024-04-07T13:20:55.000Z (about 2 years ago)
- Last Synced: 2025-07-29T16:11:47.342Z (11 months ago)
- Topics: boostrap4, react, typescript
- Language: TypeScript
- Homepage: https://colinrobertbrooks.github.io/recipes
- Size: 3 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Recipes
Things on the internet that we eat.
## Bring Your Own Recipes
You can load your own recipes from a [Google Sheet](https://www.google.com/sheets):
1. Start a new spreadsheet, then add `type`, `name`, `link` and `notes` column headings to a sheet named "Recipes" (column order doesn't matter, but column heading & sheet name spelling & casing do).
2. [Share using a link](https://support.google.com/docs/answer/9331169) & [publish to the web](https://support.google.com/a/users/answer/9308870).
3. Get the `SPREADSHEET_ID` from the url: `https://docs.google.com/spreadsheets/d/SPREADSHEET_ID/edit`.
4. [Generate a Google Cloud Platform API Key](https://console.cloud.google.com/apis/credentials?_ga=2.195281642.790189544.1635980799-1774934030.1635980663) (`KEY`).
5. Voila: `https://colinrobertbrooks.github.io/recipes?spreadsheetId=SPREADSHEET_ID&key=KEY`.
## Scripts
### Setup
`$ npm install`
### Develop
`$ npm start`
### Test
`$ npm run validate`
### Build
`$ npm run build`
### Deploy
`$ npm run deploy`
### Boilerplate
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app) and [TypeScript](https://create-react-app.dev/docs/adding-typescript/).