A fully responsive Amazon Homepage Clone built using HTML, CSS, and JavaScript.
This project is a pixel-accurate recreation of Amazon’s UI, focusing on clean layout structure, responsiveness, and user-friendly interactions — all built without any frameworks.
This project began as a challenge to rebuild the Amazon homepage from scratch.
No Bootstrap. No Tailwind. No UI libraries.
Just pure frontend fundamentals — HTML, CSS, and vanilla JavaScript.
Recreating Amazon helped me understand:
- Layout structuring in real-world websites
- Mobile-first responsive design
- Component-based UI thinking
- Clean CSS architecture
- Creating dynamic interactions with plain JavaScript
This clone is a perfect learning project and a strong portfolio addition.
- 📱 Fully responsive interface (mobile/tablet/desktop)
- 🧭 Navigation bar with logo, address selector, search bar, and cart
- 🎠 JavaScript-powered hero image carousel
- 🛍️ Product category & deal sections
- ✨ Hover effects and smooth transitions
- 🔄 Well-structured and readable code
- HTML5
- CSS3
- JavaScript (ES6)
- Writing cleaner and modular CSS
- Using Flexbox & Grid effectively
- Implementing carousels using JS
- Handling responsive breakpoints
- Building UI layouts without relying on libraries
- Add dark mode
- Add product detail pages
- Improve animations
- Add backend for cart & authentication
This Amazon clone helped me strengthen my core frontend skills and understand real-world UI/UX patterns.
A simple, clean, and effective project to learn and showcase frontend development skills.