Building the KP Living eCommerce platform and documenting my continuous learning journey.
My main focus — a full eCommerce platform demonstrating my end-to-end frontend capabilities.
A comprehensive, multi-page static ecommerce furniture website built from scratch. It simulates a complete shopping experience with functional product filtering, detail views, a local-storage powered cart, and rigorous checkout validation.
A categorized catalog of all my learning exercises, UI clones, array methods, and logic challenges. This shows my progression from basics to advanced concepts.
Full music player UI with sidebar and playback controls.
Modular HTML recreation of the W3Schools layout.
Pixel-perfect clone of Google's central search UI.
Recreation of the LinkedIn professional registration layout.
Pixel-perfect clone of the modern X tweet composition area.
Recreation of Uber's ride request interface.
Professional card UI with hover states and avatar.
User profile UI component with statistics.
Grid-based layout for a clean calendar UI.
Navigation UI with icon links and smooth toggles.
Clean top-level navigation bar for web apps.
Navigation list items featuring notification badges.
Styled input fields and image layouts.
Clean authentication UI design.
Component for capturing user satisfaction ratings.
Styled multi-page navigation controls.
List UI recommending accounts to follow.
Card-based friend recommendation layout.
Mobile-style prompt to install the YouTube Music application.
Pure CSS art using advanced positioning and border-radius.
Experiments with CSS transitions on geometric shapes.
Interactive box-shadow experiments on buttons.
Extensive button styling and hover state collection.
CSS techniques for clipping and framing images.
Clean top-level navigation bar.
DOM traversal and highlight effects.
Text masking and styling.
Typography and effects.
Complex display logic, chaining operations, and a polished Bootstrap UI.
Memory game requiring state management and event listeners.
Conditional logic for year validation (1-9999).
Mathematical logic algorithms for number validation.
State management using increment, decrement, and reset logic.
Mathematical conversions handling user input in real-time.
Basic variable storage and manipulation exercises.
Logic for evaluating score ranges.
Word-guessing mini-game.
Number-guessing mini-game.
Mathematical prime checking logic.
Generating random constraints.
Interactive multiple-choice quiz.
Finding averages using parameters.
Array method logic.
Array iteration logic.
Array filtering logic.
Array filtering logic.
Array reduce logic.
Array mapping logic.
Dynamic DOM element creation, deletion, and event binding.
Keyboard event listeners bound to visual coordinate changes.
Applying mouseenter/mouseleave logic via JavaScript events.
Handling form submission data to dynamically populate a modal.
Simple class toggling for modal visibility.
Responsive hero section practice using Bootstrap.
Footer component built with Bootstrap.
Bootstrap feature cards / services section practice.
Styled Bootstrap hotel registration page.
Bootstrap pricing tiers and plans page.