JavaScript Projects

This repository contains a collection of JavaScript projects that showcase various functionalities and technologies. Each project is implemented using HTML, CSS, and JavaScript, with some projects utilizing additional libraries for enhanced features.

Color Switcher

• Description: Press the "Start" button to initiate a background color switch, and press "Stop" to halt the color transition. The background color changes every second.
• Technologies used: HTML, CSS, JS.

Countdown Timer

• Description: A timer that counts down to the selected time and date. If a user selects a past date and time, a pop-up notification appears, prompting them to choose a future date.
• Technologies used: HTML, CSS, JS.
• Libraries: flatpickr, Notiflix.

Promise Generator

• Description: Generates promises based on user-defined delay, step delay, and step count. Notiflix is used to notify the user of rejected or fulfilled promises.
• Technologies used: HTML, CSS, JS.
• Library: Notiflix.

Image Gallery (SimpleLightbox)

• Description: Displays images from a file using the SimpleLightbox library.
• Technologies used: HTML, CSS, JS.
• Library: SimpleLightbox.

Video Playback

• Description: A video player that remembers the video's pause position. It integrates with Vimeo and utilizes the Lodash library.
• Technologies used: HTML, CSS, JS.
• Libraries: Vimeo, Lodash.

Feedback Form

• Description: A feedback form with standard email field validation and local storage of entered information.
• Technologies used: HTML, CSS, JS.
• Libraries: Lodash, Notiflix.

Image Gallery (BasicLightbox)

• Description: Displays images from a file using the BasicLightbox library.
• Technologies used: HTML, CSS, JS.
• Library: BasicLightbox.

Categories List

• Description: Lists different categories and displays the number of categories and the number of elements in each category using console.log.
• Technologies used: HTML, CSS, JS.

Grocery List

• Description: Displays a list of products inserted into HTML through JavaScript.
• Technologies used: HTML, CSS, JS.

Gallery from JS

• Description: Displays a list of images inserted into HTML through JavaScript.
• Technologies used: HTML, CSS, JS.

Counter

• Description: Features two buttons to decrease or increase the count and displays the current count value.
• Technologies used: HTML, CSS, JS.

Hello Anonymous

• Description: The greeting message adjusts based on the user's name input.
• Technologies used: HTML, CSS, JS.

Symbols Check

• Description: Enter exactly six symbols to get a green outline; any other amount results in a red outline.
• Technologies used: HTML, CSS, JS.

Login Form

• Description: Takes input from the form and logs it to the console.
• Technologies used: HTML, CSS, JS.

Background Color Switcher

• Description: Change the background color by clicking a button and display the hex code of the background color.
• Technologies used: HTML, CSS, JS.

Block Builder

• Description: Creates a block tower with the number of blocks specified in an input field.
• Technologies used: HTML, CSS, JS.