{"id":6600,"date":"2023-12-11T15:10:00","date_gmt":"2023-12-11T15:10:00","guid":{"rendered":"https:\/\/digm.drexel.edu\/uxid\/?p=6600"},"modified":"2024-08-28T14:38:42","modified_gmt":"2024-08-28T14:38:42","slug":"tasty-tales","status":"publish","type":"post","link":"https:\/\/philsinatra.net\/branches\/uxid\/2023\/12\/11\/tasty-tales\/","title":{"rendered":"Tasty Tales"},"content":{"rendered":"\n

Overview<\/h2>\n\n\n\n

This case study outlines the development of a responsive recipe website undertaken over a 10-week period. This project was an individual endeavor, allowing for focused exploration and implementation of PHP and database interactions. The primary objective was to leverage PHP for dynamic data retrieval from a database while implementing search and filter functionalities. The project marked key milestones, including the introduction and implementation of PHP, with local testing facilitated by tools like MAMP. The result is a responsive user-friendly website that dynamically pulls and presents 37 recipes from the database, along side their detailed recipes.<\/p>\n\n\n\n

Context and Challenge<\/h2>\n\n\n\n

Undertaken as an individual project, the initiative stemmed from a class assignment to explore PHP and database interactions. Challenges included navigating PHP for the first time, resolving database errors, and creating a visually professional website using HTML and CSS.<\/p>\n\n\n\n


Problem: This project aims to explore the functionality within PHP to integrate databases in HTML and CSS designs.
Goal: Dynamically retrieve all 37 recipes, incorporate effective search and filter options.<\/p>\n\n\n\n

Process and Insight<\/h2>\n\n\n\n

The design process included first coming up with a style tile for the color scheme, font and logo branding used for the website.<\/p>\n\n\n\n

\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n

Wireframes were created for the design layout and before proceeding to code out the design.<\/p>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/div><\/div>\n\n\n\n

The development process began with crafting HTML and CSS for the website. PHP integration followed, dynamically pulling recipes from the database. Search functionality was implemented using HTML forms, and filtering was achieved through PHP queries. Key insights included user-centric design elements like filter options for proteins, nutritional information, and an aesthetically pleasing color scheme.<\/p>\n\n\n\n

Solution<\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\n

The final solution is a responsive recipe website boasting a cohesive color scheme, easy navigation, and user-centric features. Filter options for proteins, added nutritional information on recipe cards, and a visually appealing interface contribute to an enhanced user experience. Custom fonts and a well-defined style guide further elevate the design.<\/p>\n<\/div><\/div>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

Results<\/h2>\n\n\n\n

The project achieved success by meeting defined objectives: dynamic retrieval of all 37 recipes, seamless search and filter functionalities, and a positive user experience. Future improvements could involve refining PHP code and exploring additional features for an enriched user experience. Something I would change about my approach would be to first spend more time cleaning up the database and editing it to ensure all the information was present before coding out the designs and integrating the PHP code.<\/p>\n","protected":false},"excerpt":{"rendered":"

Overview This case study outlines the development of a responsive recipe website undertaken over a 10-week period. This project was an individual endeavor, allowing for focused exploration and implementation of PHP and database interactions. The primary objective was to leverage PHP for dynamic data retrieval from a database while implementing …<\/p>\n","protected":false},"author":12,"featured_media":6652,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[62,11,9,19],"tags":[40],"_links":{"self":[{"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/posts\/6600"}],"collection":[{"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/comments?post=6600"}],"version-history":[{"count":5,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/posts\/6600\/revisions"}],"predecessor-version":[{"id":6621,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/posts\/6600\/revisions\/6621"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/media\/6652"}],"wp:attachment":[{"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/media?parent=6600"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/categories?post=6600"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/tags?post=6600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}