An interactive frontend practice project built with HTML, CSS, JavaScript, Tailwind CSS, and Chart.js.
- Browse eight sample Galaxy devices and filter phones, tablets, or wearables.
- Select up to four devices to compare their sample prices in a bar chart.
- Explore a radar chart with illustrative performance values.
- Change the Galaxy S24 Ultra's finish in the Design Studio.
- Try the simulated Add to Cart counter.
There is no package installation or build step. With Git and Python 3 installed:
git clone https://github.com/Stackforge-07/Phone-seller-.git
cd Phone-seller-
python3 -m http.server 8000Open localhost:8000. Stop the server with Ctrl+C.
An internet connection is needed for the Tailwind and Chart.js CDNs and the placeholder product images.
| File | Purpose |
|---|---|
index.html |
Storefront sections, navigation, and controls |
style.css |
Custom styling and animations |
script.js |
Sample catalog, filters, comparisons, charts, and color selection |
To change the sample catalog, edit the products array in script.js.
This is an unofficial educational clone, not a Samsung service. Product names and branding belong to their respective owners.
Prices and performance charts are hardcoded demonstration data, not current offers or measured benchmarks. The cart is an in-memory counter: checkout, payments, accounts, and order storage are not implemented. Search and profile icons are visual placeholders.