Projects are added frequently! ⚡
Enjoy!
If you like this repo, be sure to ⭐ it.
| # | Project | Live Demo | tutorial |
|---|---|---|---|
| 01 | 3d social media icon | Live Demo | Tutorial |
| 02 | Profile Card | Live Demo | Tutorial |
| 03 | Sticky Navbar | Live Demo | Tutorial |
| 04 | Search Bar | Live Demo | Tutorial |
| 05 | Slideshow | Live Demo | Tutorial |
| 06 | Login Page | Live Demo | Tutorial |
| 07 | Contact Manager App | Live Demo | Tutorial |
| 08 | Password Generator | Live Demo | Tutorial |
| 09 | Swiper Cards | Live Demo | Tutorial |
| 10 | Todo App | Live Demo | Tutorial |
In the slide show project, I reduced the size of javascript code for the same output.
<script>
let slideIndex = 1;
const slides = document.getElementsByClassName("mySlides");
function showSlides(n) {
if (n > slides.length) slideIndex = 1;
if (n < 1) slideIndex = slides.length;
for (let slide of slides) slide.style.display = "none";
slides[slideIndex - 1].style.display = "block";
}
function changeSlide(n) {
showSlides(slideIndex += n);
}
showSlides(slideIndex);
document.addEventListener("contextmenu", e => e.preventDefault());
document.onkeydown = e => {
if (
e.keyCode === 123 || // F12
(e.ctrlKey && e.shiftKey && (e.keyCode === 73 || e.keyCode === 74)) ||
(e.ctrlKey && e.keyCode === 85)
) {
return false;
}
}
</script>