EasyCooking

I built a recipe site with authentic Bengali, Chinese, and Indian recipes organized by cuisine. It is plain HTML and CSS with no dependencies, so it loads quickly, and it is responsive, so recipes are easy to follow on a phone in the kitchen, without ads or distractions.

HTML5CSS3ResponsiveMulti-CuisineGitHub Pages
On this page

Feature Highlights

Recipes organized by Bengali, Chinese, and Indian food

  • Curated traditional recipes for each cuisine
  • Separate sections for easy browsing
  • Each recipe with ingredients and step-by-step instructions

Stack

  • HTML5: Semantic markup with proper structure for accessibility and SEO.
  • CSS3: Responsive layout with Flexbox, mobile-first design approach.
  • Responsive Design: Works on phones, tablets, and desktops without frameworks.
  • Static Content: Organized recipe files with consistent structure for each cuisine.
  • GitHub Pages: Free static hosting with automatic deployment from the repo.

Use Cases

  • A learning project to understand HTML, CSS, and responsive design
  • Template for building static recipe sites without a backend
  • Demonstration of clean HTML and CSS practices

How to Use

  1. Clone: git clone https://github.com/dhruba-datta/EasyCooking
  2. Open index.html in your browser
  3. Browse recipes organized by cuisine (Bengali, Chinese, Indian)
  4. To add recipes, edit the HTML files in the project
  5. Deploy to GitHub Pages by pushing to the repo

Related projects

Let's Connect

Building your first static site?

I help developers create fast, clean websites with HTML, CSS, and responsive design.

Dhruba Datta

© 2026 | All rights reserved