Slider 🎚️

PROD [Live] : https://react-slider-prod.netlify.app/

Slider consists of a straightforward user interface where there is a

• Image slider | Slideshow of the reviews mentioned by the people along with the page title Reviews.
• Each single review card has image, name, title, quote.
• Functionality of the Autoplay of the slides has been implemented every 3 seconds.
• Buttons that can be clicked i.e., ◀️ for the previous slide and ▶️ for the next slide. If the user reaches the last slide, one more click resets to the first slide and vice versa.
• Data is handled by the data.js and styles are handled by index.css
• To run the project locally, clone the repo, npm install to install the dependencies, and npm start to start up the development server on default port 3000.

Languages

HTML, CSS, JavaScript, ECMAScript, React - Hooks ~ useState, useEffect

Packages

React Icons

Deployment / Hosting

Netlify

IN ACTION

Gatsby-Airtable Project

---

Note: I have developed this project ~ [7] as part of React and Projects Course taught by John Smilga.