Case study · Individual project · 2024

Yumiscipe

Recipe Website

An individual project: a multi-page recipe website built with plain HTML and CSS. It presents Filipino and American dishes, a best-recipe page, a list of dishes and an about page, with a layout that adapts to phones.

Live demoof Yumiscipe (opens in a new tab)
Sourcecode for Yumiscipe on GitHub (opens in a new tab)

Yumiscipe home page with a pink header, navigation, and a banner reading “Ready to explore new dishes with Yumiscipe!”

The problem

An early front-end project for practising page layout, navigation between pages and responsive design without a framework.

What it does

Home page with a banner, navigation and a dish search box.
Separate pages for Filipino and American cuisine, a best recipe, and a list of dishes.
About and login pages.
Responsive layout with a collapsible menu on small screens.

My contribution

I built this site as an individual project.

Technologies

HTML
CSS
JavaScript
Vercel