ObaidNadeem

Obaid Nadeem's repositories

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

Language:JavaScriptMIT14 1 1

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.

Language:JavaScript8 10

Horizontal-website

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

Language:JavaScript300

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

Language:JavaScript300

Data-Structures-and-Algorithms-in-Java

Just me learning Data Structures and Algorithms in Java :3

2 10

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.

Language:JavaScript200

Python

2 10

React-Expense-Tracker

This is the first project of panacloud bootcamp 2020.

Language:JavaScript2 10

react-redux-firebaseAuth

Language:JavaScript2 10

React-TodoApp

Language:JavaScript200

Redux-Basics-Class

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

Language:JavaScript200

Some_Green_Stock_Stuff

Language:JavaScript200

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.

Language:HTML200

ThreeJsStarterWebPack

A starter pack for three js using web pack.

Language:JavaScript200

useWindowsize-React-Custom-Hook

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.

2 10