ApexPlanet Internship : Task 5

About ShopEase

A capstone project demonstrating full e-commerce frontend development using HTML, CSS, and JavaScript : built as the final task of a 45-day web development internship.

What is ShopEase?

ShopEase is a fully functional e-commerce web application built from scratch using only HTML, CSS, and Vanilla JavaScript : no frameworks, no backend. It features a product listing page with live search, category filters, price range slider, sorting options, a product details modal, a shopping cart with quantity management, localStorage persistence, and a fully responsive design across mobile, tablet, and desktop.

Key Features

๐Ÿ›๏ธ

24 Products

Across 5 categories : Electronics, Clothing, Footwear, Accessories, and Home & Living.

๐Ÿ”

Smart Filters

Live search with debounce, category filter, price range slider, and 5 sort options.

๐ŸชŸ

Product Modal

Click any product to view full details : image, description, price, rating, and add to cart.

๐Ÿ›’

Shopping Cart

Add, remove, increase/decrease qty. Order summary with discount and free delivery logic.

๐Ÿ’พ

localStorage

Cart persists across page refreshes and navigation : no data loss.

๐Ÿ“ฑ

Responsive Design

Fully responsive at 480px, 768px, and 1024px breakpoints. Tested on Chrome, Firefox, and Safari.

Tech Stack

HTML5 CSS3 Vanilla JavaScript CSS Grid Flexbox CSS Variables localStorage API Google Fonts

Developer

Mukkamula Manoj

Web Development Intern ยท ApexPlanet Software Pvt. Ltd.

Final-year B.Tech CSE student at AAR Mahaveer Engineering College (JNTUH, 2026). Passionate about building real-world web applications using HTML, CSS, JavaScript, and the MERN stack.

Contact

Open to fresher developer opportunities and collaborations.