Beginner HTML E-Commerce Project

I’m a third-year B.Tech Computer Science student and I want to build a beginner-friendly e-commerce website using plain HTML, CSS and JavaScript only—no frameworks, no back-end language. The goal is to understand the fundamentals while ending up with a clean, fully functional mini-store that I can confidently submit as a college project.

Here’s what I need from you:

• A small, well-structured codebase (home page, product listing page, cart, checkout dummy page) with clear folder separation and inline comments that explain each important step.
• Responsive layout so it looks decent on mobile and desktop.
• Simple in-browser cart logic written in vanilla JavaScript (add, remove, quantity change, total calculation).
• A short PDF guide that walks me through project setup, file structure, how the scripts work, and how to deploy the site locally or on a free hosting service.
• One quick call or chat to clear up any doubts once I have the files running.

Please keep everything as lightweight as possible—no build tools—so I can open index.html and see it work. Looking forward to learning from clean code and your explanations.