Helix

We’ve just completed our first project in the ITI program using Vanilla JavaScript, and it was an amazing challenge where we learned a lot of new techniques and worked together as one team.

Project Idea:

A Medical Supplies E-Commerce Website built as a single-page application, where all other sections are displayed as popups within the same page to reduce code repetition and enhance performance.

We also implemented Dark Mode and reusable code blocks to write the least amount of code possible.

---

Main Features & Technologies

Products Page

Dynamic product cards generated from a manually created JSON file using JavaScript

Live Search for instant product filtering

Category Filter using dataset attributes

Price Sorting (ascending/descending)

View More / View Less to load products in chunks

Cart Page

Add products to cart with quantity control and item removal

Real-time cart updates with interactive alerts

Cart data saved in Cookies & Local Storage

Checkout page with Pickup/Delivery options

Dynamic shipping cost based on selected governorate

Discount code system with validation and calculation

Registration & Profile Management

User data stored in Local Storage

Profile images uploaded to Cloudinary, storing only the image URL to save space

Edit profile data via Manage Account page

Full form validation for registration