Ricettario Gratta

Visual/Interaction

2020

Ricettario Gratta is my repository of all the family recipes. It was born because as a college student I kept asking family members for recipes, so I decided to just make them available on a website for easy future access.

The site is completely accessible (can be navigated and used purely with a screenreader) and fully responsive (Looks great and is easy to use on all devices). Try resizing the iframe to see how it looks on different devices. Listed below are the frameworks and languages used and the reasoning behind each being used:

  • PHP - A single file PHP API I built that pulls from a simple flat file directory for data storage. I chose PHP here because it makes everything more portable: ie. I can drop this into any web server and it just works.
  • React - The frontend is a React App. I chose React both because I was interested in learning it, but also because it's exactly the right tool for the job.
  • CSS3 - All style and effects added are pure CSS, no JS! This was done because it's a fun challenge, but also because semantically CSS is the presentation layer for HTML.

You can also visit the live site at: https://recipe.giuliogratta.com