Skip to content

Latest commit

Β 

History

History
69 lines (47 loc) Β· 1.87 KB

File metadata and controls

69 lines (47 loc) Β· 1.87 KB

πŸ’Ž Ruby Store

A multi-page E-Commerce frontend website built with HTML, CSS, and JavaScript.
This project is designed as a demo site to showcase professional frontend skills.


πŸš€ Live Demo

πŸ‘‰ View Ruby Store Online


✨ Features

  • 🏠 Home Page – Hero banner, featured products, categories
  • πŸ›οΈ Shop Page – Product grid, search, filters, pagination
  • πŸ“„ Product Detail Page – Product info, reviews, add to cart/wishlist
  • πŸ›’ Cart Page – Add/remove products, update quantities, calculate totals
  • πŸ’³ Checkout Page – Shipping form & order summary
  • ❀️ Wishlist Page – Save products for later
  • ℹ️ About Page – Store mission & highlights
  • πŸ“ž Contact Page – Contact form, address & social links

πŸ› οΈ Technologies Used

  • HTML5 – Structure
  • CSS3 (Flexbox + Grid) – Styling & Responsive design
  • JavaScript (ES6) – Interactivity (cart, wishlist, forms)
  • Font Awesome – Icons
  • Google Fonts (Poppins) – Typography

πŸ“‚ Project Structure

ruby-store/ β”œβ”€β”€ index.html β”œβ”€β”€ about.html β”œβ”€β”€ shop.html β”œβ”€β”€ contact.html β”œβ”€β”€ cart.html β”œβ”€β”€ wishlist.html β”œβ”€β”€ checkout.html β”œβ”€β”€ css/ β”‚ └── styles.css β”œβ”€β”€ js/ β”‚ └── app.js └── images/


πŸš€ My all projects

πŸ‘‰ Projects link : Click Here

πŸ“Œ About

Ruby Store is a demo frontend-only e-commerce website created for portfolio purposes and websites.
It is not connected to any backend – cart & wishlist work with JavaScript only.


πŸ‘¨β€πŸ’» Author

Developed by Ruby-here ✨