REACT IMAGE FADER APP:-

This app developed here fades in and out an image from opactiy 0 to 1 based on click of a pair of buttons. Each button tracks its own click count, and the header display total clicks. There is a threshold variable that is defaulted to 10, but is changeable by the user. There is an image that fades in (using CSS opacity) when total button clicks reaches the set threshold. React Context is used to maintain the state of buttons and threshold value.

This project was bootstrapped with [Create React App]

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.