How to Make a Beautiful and Responsive Slider in React with React Hooks without any External Library

Creating Slider in React Js with pure React and Hooks without External sources.

Project Requirements

Project Setup

App Component

Applying Hooks — useState

const [state, setState] = useState(0);Here 0 is the index value of the array which will become the value of the state
import React, {useState,} from ‘react’
const {id, name, image, title, quote} = Data[state];// keys of the object are destructured

I am a front-end developer from India with over one year of experience in freelancing with skills like Git, HTML5, CSS3, Bootstrap 4&5, and React.