/vanilla-js-projects

Vanilla JS projects made while learning JavaScript, DOM and CSS3

Primary LanguageCSS

vanilla-js-projects

Simple Vanilla JS projects made while learning fundamentals of JavaScript

Custom Video Player

Learnings:

  • HTML: Custom Attributes, Properties & Methods available on a Video, Range type of input tag
  • CSS: Transitions, Transforms, Positioning, Linear Gradients
  • JS: DOM manipulation (Selection, Events, Styling, Key Codes)

Features:

  • Completely Customized UI
  • Keyboard Shortcuts (Play, Pause, Skip ahead/behind, Volume)
  • Speed Adjustment

Live Demo

https://talha-vanilla-js.netlify.app/custom-video-player/

Vanilla To-Do

Learnings:

  • HTML: Linking & Adding font awesome icons and google fonts
  • CSS: supressing pointer events, Flexbox, Theming, Transitions
  • JS: DOM manipulation, ES6+ syntax, Events, Local Storage

Features:

  • Filtering
  • Complete CRUD Functionality
  • Local Data Persistence

Live Demo

https://talha-vanilla-js.netlify.app/vanilla-todo/