Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 

Repository files navigation

πŸ›’ Hami MiniMarket

This is my Week 4 Final Project for the HamiSkills Web Development Internship.
It’s a responsive mini shopping web app for fruits and vegetables, built with HTML, CSS, and JavaScript.


🌟 Features

  • πŸ₯• Product listing page showing fruits and vegetables with name, price, and image
  • πŸ› Add to cart, update quantity, and remove item options
  • πŸ’Ύ Cart data saved in localStorage (restores after refresh)
  • πŸ’° Checkout page showing subtotal, tax, discount, and total
  • πŸ“± Fully responsive (mobile and desktop)
  • 🎨 Consistent branding, neat spacing, and readable typography

🧠 Tech Stack

  • HTML5
  • CSS3 (Flexbox / Grid / Media Queries)
  • Vanilla JavaScript (Modular files)
  • LocalStorage for cart persistence
  • (Optional) JSON data file: data/products.json

πŸ“‚ Folder Structure

HamiMiniMarket/ β”‚ β”œβ”€β”€ index.html β”œβ”€β”€style.css β”œβ”€β”€ js/ β”‚ β”œβ”€β”€ product.js β”‚ β”œβ”€β”€ cart.js β”‚ └── storage.js β”œβ”€β”€ data/ β”‚ └── products.json β”œβ”€β”€ images/ └── README.md


βš™ How to view the project

[https://week-four-d58669.netlify.app]

πŸ–Ό Screenshots image

image image image image

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages