5 JavaScript Projects Under 3 hours

preview_player
ะŸะพะบะฐะทะฐั‚ัŒ ะพะฟะธัะฐะฝะธะต
We will complete 5 JavaScript projects under 3 hours.

These projects will be created using Vanilla JavaScript.

๐ŸŽ“๐“๐จ ๐ ๐ž๐ญ ๐‚๐ž๐ซ๐ญ๐ข๐Ÿ๐ข๐œ๐š๐ญ๐ž ๐Ÿ๐จ๐ซ ๐‚๐จ๐ฆ๐ฉ๐ฅ๐ž๐ญ๐ข๐จ๐ง.
Get the Completion certificate complete any three projects and submit us the github link in the below google form.

00:00:00 Introduction
00:00:02 Simple Item List Project
00:31:27 Create a Line through Effect
00:53:49 JavaScript Form Validation
01:22:02 Create a PDF Viewer
02:03:31 Indian State Details Search

๐Ÿ™‹โ€โ™‚๏ธ Connect with us
ะ ะตะบะพะผะตะฝะดะฐั†ะธะธ ะฟะพ ั‚ะตะผะต
ะšะพะผะผะตะฝั‚ะฐั€ะธะธ
ะะฒั‚ะพั€

Hey for anyone wondering, I noticed in the first project Simple list Items it's made with bootstrap 4.5, and you have to include that version only in your code, and so if you are including latest bootstrap version, here are some CSS Changes replaced by bootstrap 5 as follows:
float-right has become float-end
mr-2 has become me-2,
form-inline can be replaced by d-flex,

and so on, you have just to google anything that's not working and you will get it

code.cracking
ะะฒั‚ะพั€

Hi Sir, in Simple list Items, the first project,
I thought of restoring the original list after clearing the search bar, I hope this snippet is valid to add at the end of filterItems function:

if (text.length === 0) {
const items =
[...items].forEach(item => {
item.style.display = 'block'; // display all list item(s) as block again
})
}

Please let me know if that's valid..? Thanks

code.cracking