https://streetwearapp.netlify.app/
The primary objective of this project is to enhance and demonstrate my skills in HTML, CSS, Bootstrap, and JavaScript by developing a functional e-commerce website themed around streetwear. This project serves as a practical application to improve my understanding of responsive design, layout management, and JavaScript algorithm development, specifically using delegation methods like closest
, nextElementSibling
, and previousElementSibling
.
(folder)
|----img
|----app.js
|----index.html
|----index.js
|----style.css
|----readme.md
- HTML: Used for structuring the content and layout of the e-commerce website.
- CSS: Employed for styling and enhancing the visual aspects of the site.
- Bootstrap: Integrated for responsive design, grid layout, modals, and offcanvas elements.
- JavaScript: Implemented for the website logic, including login functionality, event delegation using
closest
,nextElementSibling
, andpreviousElementSibling
, and functions for mathematical operations such as adding items to the cart and calculating total prices.
This project has significantly contributed to my understanding and mastery of front-end web development technologies. By developing this e-commerce website, I have gained practical experience in creating responsive, visually appealing, and interactive web applications. The project also improved my JavaScript skills, especially in handling complex algorithms and event delegation.
⌛ Happy Shopping! 🛒