Skip to content

Frontend-only eCommerce project for portfolio use. Built using HTML, CSS, and JavaScript with clean structure, responsive layout, and cart functionality

License

Notifications You must be signed in to change notification settings

muhdasif1/ecommerce-frontend-project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 

Repository files navigation

🛍️ Luxora Deals – Modern Ecommerce Frontend

Luxora Deals is a fully responsive, modern, and stylish e-commerce frontend built using HTML, CSS, and JavaScript. It features a clean UI, elegant layout, smooth interactions, and a professional shopping experience suitable for fashion, accessories, or general online stores.


Features

Top Bar

  • Language & currency selector
  • Contact number
  • Free delivery message

Header & Navigation

  • Minimal and elegant logo
  • Multi-page navbar (Home, Shop, Collection, Blog, About, Contact)
  • Search, Wishlist, and Cart icons

Hero Section

  • Large modern banner
  • Fashion-focused theme
  • “Shop Now” button with smooth scroll animation

Features Section

  • Free Shipping
  • 24/7 Support
  • Money Return Guarantee

New Arrival Products

  • Grid layout (auto-responsive)
  • Product badges (New, % Discount)
  • Wishlist icon
  • Price & discount display
  • Hover animations

Blog Section

  • Featured articles
  • Category badges
  • Large cover images
  • Author info

Footer

  • Company info
  • About, Useful Links, Follow Us
  • Email subscription form

📱 Responsive Design

The entire website is built to scale beautifully on:

  • Desktop
  • Tablet
  • Mobile

Using CSS Grid and Media Queries for Layout Resizing.


Tech Stack

Technology Use
HTML5 Structure
CSS3 Layout, styling, responsiveness
JavaScript Interactions (wishlist, subscribe popup, scroll)
Font Awesome Icons

How to Use

  1. Clone the repository

    git clone https://github.com/muhdasif1/ecommerce-frontend-project.git
  2. Open project folder

    cd luxora-deals
  3. Run the project Just open index.html in your browser.


Main Features Scripted

✔ Smooth Scroll Navigation

✔ Wishlist Toggle (Heart icon)

✔ Scroll to New Arrival

✔ Product Click Logging

✔ Email Subscription (Alert Message)


Customization

You can easily:

  • Change colors
  • Replace images
  • Add more product cards
  • Connect to backend/database
  • Convert into React / Shopify / WooCommerce frontend

About

Frontend-only eCommerce project for portfolio use. Built using HTML, CSS, and JavaScript with clean structure, responsive layout, and cart functionality

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages