Vex is a modern and responsive single-page e-commerce web application dedicated to selling premium smartwatches from top global brands like Apple, Samsung, Fitbit, and Garmin. Designed with performance and user experience in mind, Vex features a detailed product catalog, persistent shopping cart, smooth page transitions, and optimized assets.
👉 View Live on Netlify: https://vex-smartwatch-store.netlify.app/
- HTML5 – Semantic structure
- CSS3 / SCSS – Modern styling, variables, mixins
- JavaScript (ES6+) – Async/Await, modular code
- Bootstrap 4.5.0 – Responsive layout and components
- jQuery – DOM manipulation, AJAX
- Slick Carousel – Product sliders and galleries
- Gulp – Build automation
- Sass – CSS preprocessor
- Sharp – Image optimization
- BrowserSync – Live reload
- Autoprefixer – CSS vendor prefixing
- Intersection Observer API – Lazy loading
- LocalStorage API – Cart persistence
- Netlify – Deployment and hosting
- HTTPS + CSP + XSS Protection – Secure standards
- Git + NPM + CDN – Version control, packages, asset delivery
- 🛍️ Product Catalog: Browse smartwatches with rich specs
- 🧾 Product Details: Multi-image view, pricing, features
- 🛒 Shopping Cart: Persistent cart with quantity updates
- 📱 Mobile Friendly: Burger menu, responsive layout
- 🚀 Performance: Lazy loading, image compression, font optimization
- 📋 Content Pages: Blog, Contact Form, About, Policies
- ♿ Accessibility: Keyboard navigation, ARIA labels
- ⚙️ SPA Feel: Seamless transitions with no full reloads
# Clone the repository
git clone https://github.com/Ahmed-Maher77/Vex-Smartwatch-Store___e-commerce-web-app.git
cd Vex-Smartwatch-Store___e-commerce-web-app
# Install dependencies
npm install
# Start the development server
npm start- 🧑💻 Portfolio: https://ahmedmaher-portfolio.vercel.app/
- 🔗 LinkedIn: https://www.linkedin.com/in/ahmed-maher-algohary
- 📧 Email: ahmedmaher.dev1@gmail.com
Contributions, suggestions, and bug reports are welcome. Feel free to open issues or pull requests.