This is Recipe Hop, the first dynamic, server-side generated website I built. I created it for Scripting II, a class on learning to put information into databases and use that to create content online.

The website contains a variety of recipes, which can be sorted and filtered. I came up with tags to categorize them for easy access. I created the search function myself, and it is functional for searching for recipes by title, ingredients, or terms they use.

To create this site, I wrote code in HTML, CSS, and PHP. I used MySQL to store and manage my database. I coded the basic structure of pages like search results and the recipe pages. Those are then generated on the server with the recipes’ specific attributes, fetched from the database.

Recipe Hop is also responsive with all screen sizes. Here are some photos from the site!