LocalGrocer is a beginner-friendly, fully front-end e-commerce prototype built using pure HTML, CSS, and vanilla JavaScript, without any frameworks or back-end technologies. The project is designed specifically for learning fundamentals, code clarity, and easy understanding—ideal for academic submission and practical learning.Multi-page structure including Home (product browsing), Cart, Checkout, and Orders pages. Clean folder separation for HTML, CSS, and JavaScript files to help beginners understand project organization. Responsive layout that works well on both desktop and mobile screens. Dynamic product listing with search, category filter, and sorting options (price & name). Client-side cart system implemented using vanilla JavaScript: Add/remove items Quantity updates Real-time total calculation Checkout flow with: Pickup time selection (with validation) Order type selection (store pickup or delivery with fee logic) Basic authentication simulation (login/register) using front-end logic to demonstrate user flow. Role-based UI behavior (customer vs shopkeeper view) to introduce real-world concepts in a simple way. Notifications system for user feedback (login required, errors, actions). Educational Focus Code is written in a simple, readable style with logical naming and clear structure. JavaScript logic is intentionally kept lightweight and well-organized so a student can: Understand how the cart works Explain the flow confidently in a viva or presentation No build tools, no server setup—open index.html and the project runs instantly.