🛒 TERESA STORE E-commerce Shopping Cart Project

This project is an e-commerce shopping cart application that leverages the Fake Store API to display products dynamically. It allows users to browse through various products, add items to their cart, and view detailed information about each product.

Features

• Dynamic Product Display: Products are fetched from the Fake Store API and displayed on the page using dynamically created HTML elements. 📦
• Product Categories: Users can filter products by categories using a dropdown menu. 📂
• Shopping Cart Management: Users can add products to their cart, view the total price, and see the quantity of each item. 🛍️
• Persistent Data Storage: The cart's state is saved in localStorage, ensuring that the cart contents persist across page reloads. 💾
• Responsive Design: The application is responsive and adjusts to different screen sizes, ensuring a seamless user experience on both desktop and mobile devices. 📱
• Interactive Modals: Detailed product information is displayed in a modal when users click on the "More details" button. 🖼️
• Smooth User Experience: The application features animations and transitions for a smooth and engaging user experience. ✨

Technologies Used

• JavaScript
• HTML5
• CSS3
• Bootstrap
• Fake Store API

Key Learning Points

• Fetching and handling API data. 🌐
• Dynamically creating and manipulating HTML elements with JavaScript. 🛠️
• Implementing a shopping cart with persistent data storage. 💡
• Creating responsive and interactive web applications. 🎨

This project demonstrates my ability to create functional and user-friendly web applications with dynamic content and a focus on a smooth user experience. 🚀