Skip to content

SimpleCoffeeListing is a clean and responsive coffee catalog built with HTML, CSS, and JavaScript. It showcases a collection of coffees with their prices and ratings, and includes a filter feature that allows users to toggle the visibility of sold-out items. This project was developed to strengthen frontend development skills

License

Notifications You must be signed in to change notification settings

mohammadzali2005/SimpleCoffeeListing

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SimpleCoffeeListing

A clean and responsive coffee catalog built with HTML, CSS, and JavaScript.
The page displays a collection of coffees and includes a filter feature that allows users to toggle the visibility of sold-out items.

🚀 Features

  • 📋 Coffee listing
  • 🟢 Filter button to hide/show sold-out products
  • 💻 Responsive design for different screen sizes
  • 🔑 Beginner-friendly structure and code

🛠️ Tech Stack

  • HTML – page structure
  • CSS – styling and layout
  • JavaScript – interactivity and filtering

🎯 Purpose

This project was created to:

  • Practice and improve frontend development skills
  • Share a simple, functional example for others to learn from
  • Demonstrate how JavaScript can be used to add dynamic features to a static page

🔗 Live Demo

Live Demo Here

📂 Repository

GitHub Repo Here

About

SimpleCoffeeListing is a clean and responsive coffee catalog built with HTML, CSS, and JavaScript. It showcases a collection of coffees with their prices and ratings, and includes a filter feature that allows users to toggle the visibility of sold-out items. This project was developed to strengthen frontend development skills

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published