@omi

Make animated landing page in React with smooth scrolling, scroll trigger and text reveal animations

Feb 6, 2023 · 7 min read · https://youtu.be/D6yMK3J3_k8 Boilerplate setup yarn create vite yarn create vite 2. Install tailwind yarn add -D tailwindcss postcss autoprefixer npx tailwindcss init -p \> configure your template paths, Add the paths to all of your template f...

Setting up your project build structure using webpack

Nov 10, 2021 · 2 min read · 1.The package.json "scripts": { "build": "webpack --progress --config webpack.config.build.js", "development": "webpack serve ./webpack.config.development.js", "start": "npm run development" }, Webpack configuration file Import p...

Checkbox

Sep 22, 2021 · 1 min read · If you're dealing with single checkbox then e.target.checked hold the value for state

JS tips and tricks

Sep 15, 2021 · 1 min read · Input elements are always string even though you defined them to be a number <input type="number" /> +event.target.value will convert it to number , you can avoid using Number()