/FullPage-Slider

Primary LanguageJavaScriptMIT LicenseMIT

FullPage-Slider

This project is an assignment for theClubhou.se Full-Stack Web Development Bootcamp course.

A boilerplate was used for the foundation of the project for ReactJS. The boilerplate included generators for containers and components. It included features such as CSS-loading and Styled-Components. React-Icons, React-Responsive, and Material-UI are also included by default for UI/UX design.

Screenshot

screenshot

Description

This project is a web page with a FullPage Image Slider that loops through several images and displays them in full width of the browser window. Also, if you click the forward or back buttons, it jumps to the respective next or previous image. Hovering over the buttons will stop the slider from automatically looping, and moving the cursor away from the buttons restarts the slideshow.

Getting Started

To quickly get started, fork this repo and clone it onto your local computer. Then run npm install to install all of the necessary libraries. Open your terminal or GitBash and use the following commands:

git clone https://github.com/Simpsond87/FullPage-Slider.git
cd FullPage-Slider
npm install

To run the server, simply do npm run start and your development website will be on http://localhost:3000.

Author

• Daniel Simpson

License

MIT

Thanks

Special thanks to MXSTBR and Technopathic for the React-Boilerplate and the original build scripts. Appreciations to Dave, and my bootcamp colleagues for helping me debug and stay in good spirits.