ObaidNadeem/useWindowsize-React-Custom-Hook

Stars
2
Language
Created about 3 years ago
Updated about 3 years ago

ObaidNadeem/useWindowsize-React-Custom-Hook

ObaidNadeem

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

In certain conditions like absolutely positioned elements sometimes don't respond to viewport width & height, this hook is very much useful in those cases. It watches the height and width of the screen & updates the values in the state likewise. useWindowsize is a react js custom hook which can be used to get the current height and width of the window when vw & vh are not working.

Stagger-Text-Reveal-Animation-CSS

How many times you have to leave stagger text animation because of external library/dependency & coding this custom is really a pain. For which I have created an open source stagger text component for React JS which is available on npm. The animation is done with pure css in React JS so no need of external libraries. Just pass your text as a prop and it will be animated. Best part is that the component is fully customizable and fully responsive :D

Transform-3D-Visualizer

Using 3D transforms properties can be tricky sometimes. We often cannot calculate in our mind where the element will ascend or descend into 3D space. For which I have created the transform 3D visualizer, where we can pass different 3D values to visualize the position of element in 3D space before using it in the final build.

RenderModelWith-ReactThreeFiber

Nothing much just rendering simple 3d shoe model using React Three Fiber and posted this code here so that i can take some help from it if i am stuck somewhere in three js code in future. :3

Horizontal-website

Ah yes, started my journey from here. Here's the horizontal website that you can copy!

Python

react-redux-firebaseAuth

Data-Structures-and-Algorithms-in-Java

Just me learning Data Structures and Algorithms in Java :3

React-Expense-Tracker

This is the first project of panacloud bootcamp 2020.

React-TodoApp

Some_Green_Stock_Stuff

SVG-3D-LAYER

This is some cool stuff, this is the source code of that 3D layers effect on my portfolio web (Interactive web section). I'll be fixing this repo when I'll have some time.

Redux-Basics-Class

"If you want to master something, tech it to others~". I taught redux basics to my friends. Was a great experience.

ThreeJsStarterWebPack

A starter pack for three js using web pack.

ecommerce-clone

This is my first React-JS assignment. I have to make ecommerce site clone using react and react-redux , and have to integrate the authentication and ad posting functionality.

saylaniJavascriptassignment2

javascriptQuizApp

Python_Beginner_Projects

Programs for beginner level python programming.

obaidnadeemportfolio

mystopwatch

Python-Mad-Libs-Geneator

saylani-calculatorAssignment

react-redux-boilerPlate

saylaniWebAndApp

saylaniJSassignment

dsa-project-dictionary

University project on Data Structures and Algorithm.

redxam

ObaidNadeem

Config files for my GitHub profile.

theDynamicOcean

Seamless-Slider---Three-JS

A simple three js slider with distortion effect :D

SeamlessSlider-ThreeJS

A simple three js slider with distortion effect :D No need of webpack

Python-Assignment

Starting my programming journey. Wish me luck!

Jupyter Notebook

todoApp