We will add a **form** for adding new recipes, sending them to our database, and automatically appearing on our website page. 

``` python
# main.py(continue)

@app.route("/recipes/", methods=["GET", "POST"]) 
def recipes():
 all_recipes = Recipe.query.all()
 return render_template('recipes.html', recipes=all_recipes)
```
`GET` is the method by default, and now we allow the `POST` one.

Now, we go to the FrontEnd template and add this form to the file recipes.html.
In the body block:

The file's name in the example below doesn't correspond to the file's name in our project.

PGhyPgo8aDI+Q3JlYXRlIE5ldyBSZWNpcGU6IDwvaDI+Cjxmb3JtIGFjdGlvbj0nL3JlY2lwZXMnIG1ldGhvZD0nUE9TVCc+IAogIFRpdGxlOiA8aW5wdXQgdHlwZT0ndGV4dCcgbmFtZT0ndGl0bGUnICBpZD0ndGl0bGUnPjxicj4KICBSZWNpcGU6IDxpbnB1dCB0eXBlPSd0ZXh0JyBuYW1lPSdkZXNjcmlwdGlvbicgIGlkPSdkZXNjcmlwdGlvbic+PGJyPgogIDxpbnB1dCB0eXBlPSdzdWJtaXQnIHZhbHVlPSdQb3N0Jz4KPC9mb3JtPgo8aHI+Cg==

We've made a few enhancements to our layout. To create a horizontal line for a neater appearance, we used the `<hr>` tag. Next, we implemented the **form** with the help of the `<form>` tag, which is quite straightforward. To add line breaks at the end of lines, we utilized the ` ` tag.

Now, let's reload our browser page to see the **form** in action. However, please note that you shouldn't attempt to save anything just yet; we still need to implement the **POST** functionality in the 'recipes' function.

We need to add some changes to our `recipes` function.
``` python
@app.route("/recipes/", methods=["GET", "POST"]) 
def recipes():
	if request.method == "POST":
		recipe_title = request.form["title"]
		recipe_description = request.form["description"]
		new_recipe = Recipe(title=recipe_title, description=recipe_description, author="Joey")
		db.session.add(new_recipe)
		db.session.commit()
		return redirect("/recipes/") 
	else:
		all_recipes = Recipe.query.order_by(Recipe.date_posted).all() 
		return render_template("recipes.html", recipes=all_recipes)
```
- **if** we click the 'Post' button, we activate the **POST** method. We get the title and description from our **form** and then use it to create a new database entry. 
- **else**, we will **GET** all entries from our database **table** and print it out. 

And don't forget the `import redirect`. We need to change dummy data onto the database. You can delete our list where we imitate our database. 

You can see that our BackEnd and FrontEnd are working.

You will face 100% hands-on practice and complete the project by the end of the course. This course is perfect for those who have never worked with Flask before.
You will acquire the expertise to effectively utilize Flask for your project development needs. You will embark on a journey to create your initial application, mastering the fundamentals, and progressively enhancing your project to unlock its full potential.

I will guide you step-by-step during the course. 

Get ready to launch our very first project! We're diving into the exciting world of important project concepts and components. Here, we'll make the magic happen by connecting with Flask, crafting our initial functional endpoints, and bringing our project to life with captivating templates and eye-catching static files.

Here, you can enhance your application by adding a database. You'll get hands-on experience working with SQLAlchemy as you create an SQLite database tailored for development mode.

Get ready to dive into the world of ORM queries for databases and discover how to seamlessly integrate them into your project, allowing you to perform the full range of CRUD operations.

Welcome to the world of web design! In this journey, you'll learn how to integrate Bootstrap styles into your project, instantly transforming it into an eye-catching masterpiece. Think of it as playing with digital Legos for programmers.

Flask Intensive Course: Web Development with Python

Implement Create Functionality