Requirements Details
- DOM Manipulation
Used JavaScript to update text, so I updated the welcome message based on the time of day, for example if it's afternoon I added a different discount, and also used JavaScript to create new elements on the website, like adding more product cards with a "Load More" button.
2. Event Handling
Added functionality to buttons, such as logging form data when the contact form submit button is clicked.
3. Form Validation
Checked if required fields in forms are correctly filled out and displayed error messages as needed. Also validated email addresses and provided feedback messages upon successful form submission.
4. Interactive Elements
Improved an existing carousel with JavaScript features and added a "back to top" button that appears when users scroll down and returns them to the top of the page when clicked.
5. Advanced JavaScript
Used async techniques in JavaScript to fetch and display dynamic data from the Unsplash API, enriching the website's content with fresh images.
I used it to display 9 more products, so I didn't do it in all of my products, some of products are manually added some are with API.
Also implemented cookies and local storage, for cookies I used them in my Newsletter section, it saves the cookies for one day and when u subscribe I added a popup that thanks them with a thankful message.
Local storage I used it in my contact form.