# 1.E.1: Recipe Site

## Learning Objectives

1. Know how to build an HTML site from scratch
2. Know how to use Git commits and GitHub pull requests

## Introduction

Create a website that showcases your favourite recipes.

## Instructions

1. Fork and clone a copy of [Rocket's Recipe Site repo](https://github.com/rocketacademy/recipe-site-bootcamp)
2. Google for at least 4 recipes from at least 2 cuisines and save an image of each dish in the repo
3. Create an HTML page for each recipe, where each page has the following info
   1. Recipe title
   2. Ingredients
   3. Preparation time
   4. Instructions
   5. Image of dish (use `img` tag referencing image saved in repo)
4. Create a home page that links to each recipe's page with an `a` tag. Create a link on each recipe page linking back to the home page.
5. The application is as follows:
   1. Pages should be set up in this manner. 

      <pre><code><strong>Homepage Listing Cuisines -> Cuisine Listing Recipes --> Recipe
      </strong></code></pre>
6. You will need to create sub pages for each cuisine and then sub pages for each recipe listed on the Cuisine pages.&#x20;
7. Deploy your site to the internet with [GitHub Pages](https://docs.github.com/en/pages/getting-started-with-github-pages/configuring-a-publishing-source-for-your-github-pages-site)
8. Create a pull request to the `main` branch in Rocket's repo and share the PR link in your section Slack channel

## Reference Solution

Here is [reference code](https://github.com/rocketacademy/recipe-site-bootcamp/tree/solution) and a [reference deployment](https://rocketacademy.github.io/recipe-site-bootcamp/) for this exercise.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://bc.rocketacademy.co/1-frontend/1.e-exercises/1.e.1-recipe-site.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.