This is a basic e-commerce project developed using HTML, Sass, and JavaScript. The main focus in development was to follow the mobile-first approach and utilize the BEM methodology for clear and maintainable structure and styles.
- Responsive design following the mobile-first approach.
- Implementation of Sass for better organization and maintenance of styles.
- Use of vanilla JavaScript for interactivity and DOM manipulation.
- Integration of local storage to keep the products loaded in the cart even if the tab is closed or the page is refreshed.
You can access the online demo of this project through the following link: E-commerce Demo
The main objective of this project is to learn and practice the fundamental concepts of vanilla JavaScript and DOM manipulation. Through this project, I have gained experience in the following areas:
- Manipulating HTML elements using JavaScript.
- Using events and event listeners.
- User interaction through buttons.
- Storing data in the browser's local storage.
- Applying styles using Sass and the BEM methodology.