Skip to content

Homework 2 + bonus #187

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Maxdemm wants to merge 22 commits into
base: master
Choose a base branch
from
Open

Homework 2 + bonus #187

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
22 commits
Select commit Hold shift + click to select a range
2795182
feat: add main layout structure and initial stats card
May 15, 2026
8cfd4f7
feat: enhance product list layout with search functionality and styling
May 15, 2026
66952aa
feat: update product list with enhanced item actions and styling
May 16, 2026
414b34c
feat: enhance product list with quantity display and item actions
May 16, 2026
e9bcea5
feat: update item display with quantity and enhance item actions styling
May 16, 2026
4f9d6f1
feat: enhance stats card layout and styling for product statistics
May 16, 2026
ab61d69
feat: add badge component with hover effect and print styles
May 16, 2026
a1712ef
feat: add tooltip functionality to buttons for enhanced user guidance
May 16, 2026
bf2ace1
feat: add editable input for item names with tooltip for editing guid…
May 16, 2026
01f58f5
feat: add responsive design for main container and adjust layout for …
May 16, 2026
4002bdc
refactor: add IDs to HTML containers and clear static products for JS…
May 23, 2026
f58ed5d
feat: implement product rendering from array using forEach and if/else
May 23, 2026
3f52db1
feat: sync stats styles with CSS using product-stat-item and amount c…
May 23, 2026
31dd06a
feat: add event delegation for delete and toggle buy status operations
May 23, 2026
14a3cf5
feat: implement item counter increment and decrement logic
May 23, 2026
1ef34f3
feat: enhance product rendering with editing functionality and improv…
May 23, 2026
0dc178b
feat: update CSS class for count button and enhance product rendering…
May 23, 2026
a54cdcc
feat: update viewport meta tag and enhance button styles with active …
May 23, 2026
6ed8390
feat: enhance styling with box shadow and adjust button margins; fix …
May 23, 2026
36e6242
feat: load products from localStorage and update on render
May 23, 2026
653c6f2
feat: rename amount class to bought-item-amount and update rendering …
May 23, 2026
14896d3
fix: bought products strike-through styles
May 23, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
39 changes: 32 additions & 7 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,16 +1,41 @@
<!DOCTYPE html>
<html>
<html lang="uk">
<head lang="uk">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>My Page</title>


<link rel="stylesheet" type="text/css" href="main.css" />
<script src="main.js" defer></script>
</head>
<body>
<span class="product-item">
Apple
<span class="amount">4</span>
</span>
<main class="main-container">
<section class="product-list">
<div class="search-panel">
<input type="text" class="search-input" placeholder="Назва товару">
<button class="add-product-btn" data-tooltip="Додати товар">Додати</button>
</div>
<div class="products-container" id="products-container"></div>
</section>

<aside class="stats">
<div class="stats-card">
<h3>Залишилося</h3>
<hr class="stats-divider">
<div class="stats-group" id="left-stats-container"></div>

<hr class="stats-divider">

<h3>Куплено</h3>
<hr class="stats-divider">
<div class="stats-group" id="bought-stats-container"></div>
</div>
</aside>

<div class="badge">
<div class="badge-main-text">Buy List</div>
<div class="badge-hover-info">Created by: Demkiv Max</div>
</div>
</main>
</body>
</html>
Loading