Coder Social home page Coder Social logo

mattynaz / moms-recipes Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 86 KB

Mom asked for a place to keep all her recipes ๐Ÿฅ˜ ... so here we are. Love you, mom โค๏ธ

Home Page: https://recipes.nazari.io

HTML 100.00%
cooking cooking-recipes cooking-dishes recipes food

moms-recipes's Introduction

Mom's Recipes

A place for mom to keep and share all her recipes ๐Ÿฅ˜. To use the site, you just need to know how to do three things:

  1. โœ๏ธ create a new recipe,
  2. ๐Ÿ“ฒ publish a recipe,
  3. ๐Ÿ–‹ and edit or delete a recipe.

Below is how to do each of those in 5 steps (and a markdown cheatsheet for mom ๐Ÿ˜—).

Create a new recipe

  1. Go to the recipes folder. All recipes are stored here.
  2. At the top right, click on Add file > Create new file.
  3. At the top, enter the name of the dish then .md to say you're making a markdown file. (For example, shepards-pie.md. Make sure there are no spaces).
  4. As you're writing the recipe, check the Preview tab to see roughly how the recipe will look.
  5. Click Commit new file at the bottom. (Don't fill out the two text boxes above this button because they are optional).

Publish a recipe

  1. Go to the recipes folder.
  2. Click on the published recipes file published_recipes.md
  3. Click on the pencil โœ๏ธ at the top right to edit.
  4. When adding a new recipe, follow this template (The ID must be the same as the recipe's file name. If the file is named shepards-pie.md, the ID must be shepards-pie. If you don't want tags, don't include the entire third line):
# Shepard's Pie
- id: shepards-pie
- tags: veggie, vegan, pie, gluten free
  1. Click Commit changes to save.

Edit or delete recipe

  1. Go to the recipes folder.
  2. Click on a recipe.
  3. Click on the pencil โœ๏ธ at the top right to edit or click on the trash can ๐Ÿ—‘ to delete.
  4. Hit Commit changes at the bottom to confirm the changes.
  5. If you deleted a recipe, go back to the published recipes file and delete the recipe.

Markdown cheat sheet

Element Markdown Syntax
Recipe name # Burgers
Cover image ![cover image](https://www.food.com/burgers.png)
text in the square brackets must say "cover image"
Section title ## Ingredients
Smaller titles ### Small title
#### Smaller title
##### Even smaller title
Bold **bold text**
Italics *italicized text*
Strikethrough ~~crossed out text~~
Ordered list 1. First item
2. Second item
3. Third item
Unodrdered list - First item
- Second item
- Third item
Link [shown text](https://www.example.com)
Measurement `100deg`

Thank you for feeding me. Love, Matthew โค๏ธ

moms-recipes's People

Contributors

mattynaz avatar roussananazari avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.