agmkowalczyk Goto Github PK

agmkowalczyk.github.io

business-website

Business Landing Page Vite + React + TailwindCSS

disney-plus-clone

Disney Plus Clone with React, styled-components and Firebase

ecommerce

PayloadCMS TypeScript React Next.js MongoDB GraphQL

flexbox-and-menu

Flexbox-and-menu

html5-layout-01

js-rock-paper-scissors

An elegant javascript game Rock Paper Scissors

js30.01-javascript-drum-kit

When you hit the corresponding key on your keyboard then it plays a sound and it shows a short animation.

js30.02-js-css-clock

js30.03-update-css-variables-with-js

Using pseudo-class :root we can declare global CSS variables which can be updated with JavaScript. https://agmkowalczyk.github.io/JS30.03-Update-CSS-Variables-with-JS/

js30.05-flex-panels-image-gallery

js30.06-ajax-type-ahead

js30.08-html5-canvas-multicolor-lines

Draw multicolor lines with automatically change width of these lines.

js30.10-check-multiple-checkboxes

When a user clicks a checkbox, holds shift key, and then clicks another one, all checkboxes in between the first one and the second one that he clicked will then be checked. This works top to bottom, but also bottom to top.

js30.11-custom-html5-video-player

js30.13-slide-in-on-scroll

When user scrolls down the images will slide themselves in from the left or from the right.

js30.15-localstorage-and-event-delegation

js30.16-mouse-move-shadow

The shadow follows around the text when a user moves his cursor around the window. This project shows how does the mouse move event work.

js30.19-webcam-fun

https://agmkowalczyk.github.io/JS30.19-Webcam-Fun/

js30.20-speech-recognition

You can speech recognition in the browser using a global variable SpeechRecognition. https://agmkowalczyk.github.io/JS30.20-Speech-Recognition/

js30.22-follow-along-links

When you hover over one of the links on the page, you've got a little pill that's going to both resize itself.

js30.23-speech-synthesis

https://agmkowalczyk.github.io/JS30.23-Speech-Synthesis/

js30.23-sticky-nav

https://agmkowalczyk.github.io/JS30.23-Sticky-Nav/

js30.26-stripe-follow-along-nav

js30.27-click-and-drag-to-scroll

js30.29-countdown-clock

https://agmkowalczyk.github.io/JS30.29-Countdown-Clock/

js30.30-whack-a-mole-game

json-table-and-checkboxes

This loads data from txt files and keeps your data state when you change page. Then when you click header checkbox this sets 'checked' for all checkboxes on site and when you click all checkboxes on site this set 'checkted' on header checkbox.

keystone-announcements

kodilla-10

jQuery