Skip to content

Smasher5/Amazon-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

4 Commits
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ›’ Amazon Clone (Frontend Project)

๐ŸŒ A frontend clone of Amazonโ€™s website built using HTML and CSS. This project replicates Amazonโ€™s homepage with navigation, search bar, product sections, and footer, giving a realistic e-commerce interface feel.


๐Ÿ“ Problem Statement

E-commerce websites like Amazon are feature-rich and visually complex. Rebuilding such a website is a great way to practice frontend development, focusing on layouts, responsiveness, navigation bars, and product sections.


๐Ÿ“Š Current Progress Status

  • โœ… Responsive Navigation Bar with logo, search bar, cart, and account options
  • โœ… Hero Section replicating Amazonโ€™s banner
  • โœ… Shop Section with product boxes and hover effects
  • โœ… Footer Sections with links and information
  • โณ Pending: Responsiveness for mobile, product detail pages, JavaScript interactivity (login, cart, etc.)

๐Ÿ’ก Solution / Prototype

This project demonstrates:

  • ๐Ÿ–ฅ๏ธ A realistic Amazon UI layout using only HTML & CSS
  • ๐Ÿ” A fully styled search bar
  • ๐Ÿ›๏ธ Product categories with images and โ€œSee Moreโ€ links
  • ๐Ÿ“ฆ A footer with links and information similar to Amazon

๐Ÿ› ๏ธ Technologies & Tools Used

  • ๐ŸŒ HTML5 โ€“ Structure and content
  • ๐ŸŽจ CSS3 โ€“ Styling, layout, hover effects
  • ๐ŸŽญ Font Awesome โ€“ Icons (cart, location, search, etc.)

๐Ÿ“ธ Screenshots / Demo

[Amazon Clone Homepage] Screenshot 2025-09-12 020506

[Amazon Clone Footer] Screenshot 2025-09-12 020556


โš™๏ธ How to Run the Project

  1. ๐Ÿ“ฅ Clone the repository
    git clone https://github.com/Smasher5/amazon-clone.git
    cd amazon-clone

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published