eBebek Product Carousel – JavaScript Case Study

eBebek Product Carousel is a frontend case study project that recreates the product carousel on eBebek’s homepage with pixel-perfect design using only JavaScript. The goal is to build a dynamic, interactive, and responsive carousel while practicing modern frontend techniques. The application ensures that: The carousel appears only on the homepage. Users can navigate through products using scroll buttons. Clicking on a product opens its page in a new tab. Discounted products show original price, discounted price, and discount percentage. Users can mark products as favorites, and their preferences are stored in Local Storage for persistence. The design is fully responsive across all devices. Key skills and experience gained through this project: JavaScript DOM Manipulation: Dynamically creating and managing HTML and CSS elements. Local Storage Handling: Storing and retrieving user preferences efficiently. API Fetching and Performance Optimization: Reducing unnecessary API calls. Responsive Web Development: Designing layouts that adapt to different screen sizes. Event Handling in JavaScript: Managing user interactions effectively. This project provided practical hands-on experience in implementing a real-world frontend feature, improving both coding skills and understanding of dynamic UI development.