Fork in the Road

Fall 2023

Overview

This project was an interesting experience for me as not only was I learning a new coding language, I was making a project with it simultaneously. This required navigating the intricacies of PHP syntax while adhering to the project timeline. Alongside this learning curve, there were additional challengea of other projects I was working on at the time and balancing my time well. Despite these challenges, the project showcased my proficiency in PHP, offering a functional and well-designed website to host and present the extensive recipe database on just two pages.

Assignment

We had to use PHP to make a recipe website using only 2 pages. Using PHP, we needed to pull images of the dish, name of the dish, ingredients, and recipe from a database as well as have filters for proteins and search function.

Project Goals

Learn how to write code using PHP
Make a functioning recipe website that fits the requirements
(Extra Goals) Add aditional filters for dish size

Background/Description/Timeline/Budget/Purpose

This project was the final for my PHP course.
The project was to take a spreadsheet of different recipes and each recipe's information and turn it into a recipe site.
This project took the whole 10 weeks that the class did, and we worked on it as we learned about the syntax we needed to use.
The course had us purchase a 3-year plan for a domain name which was about $95.
The purpose of this project was to demonstrate my skills using PHP as well as designing a website that had a lot of information from a database.

The Problem

We needed to take a spreadsheet of data with 37 recipes and only using 2 different pages and PHP we needed to make a functioning website that hosted all of those recipes, each with a unique page

Goals & Objectives

I had done some testing once I had finished the site and the PHP has worked throughout what I did, with this being the case, I would say this is a successful project as the code works well and I had adjusted the database's information with the small errors I came across. I would also recognize this project to be successful if anyone were to actually find and use it.

Hi fidelity screens

For the design process, I had never really worked with anything that involves recipes or databases so I had looked online to other recipe sites for inspiration

Home Page

I made a search function that filters through the dishes and will pull up any dish that has what you searched.
I made the main page into a grid showing off all of the dishes with their subtitles and had some microinteractions on them and the buttons that changed color on hover.

Recipe Page

On the desktop view, the dish image is on the left and the ingredients list is on the right.
If you scroll down the page, there are the recipe steps listed in a grid.