https://github.com/hrithikdalal/carousel_css_js
It is a single page JS Slideshow APP using WordPress REST API. It is built using pure CSS and JS. It supports keyboard Controls as well as Touch Controls.
https://github.com/hrithikdalal/carousel_css_js
css js rest-api slideshow
Last synced: 2 months ago
JSON representation
It is a single page JS Slideshow APP using WordPress REST API. It is built using pure CSS and JS. It supports keyboard Controls as well as Touch Controls.
- Host: GitHub
- URL: https://github.com/hrithikdalal/carousel_css_js
- Owner: HrithikDalal
- Created: 2020-08-10T10:04:49.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-08-10T10:30:42.000Z (almost 6 years ago)
- Last Synced: 2025-06-13T14:07:19.607Z (about 1 year ago)
- Topics: css, js, rest-api, slideshow
- Language: JavaScript
- Homepage: https://hrithikdark.github.io/Carousel_CSS_JS/
- Size: 4.88 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### Live Code
https://hrithikdark.github.io/rtCamp_FrontEndEngineer_Assignment/
### rtcamp Front End Engineer Assignemt
1. Please create a Single Page App using CSS/JS which fetches data using WP REST API using a WordPress site. You can use WPTavern (REST API endpoint).
2. Once you fetch data, please display data as a slideshow. Make sure your slideshow covers post title, post featured image, post date, and any other meta-data you can find. Clicking on title/image should open the original post link.
3. Every slide in slideshow must wait for 5 seconds before automatically moving to next slide (post). Besides, please add “buttons” to move to the next and previous slide.
4. The slideshow must support keyboard navigation. The right arrow key to move to the next slide and left arrow key to move to the previous slide.
5. The slideshow must be responsive.
6. Further, on mobile devices, a viewer should be able to swipe with a thumb to move between the next and previous slides.
7. When your page loads, it will display a slideshow for the latest WPTavern’s post, but the interface must provide a text-field to accept any website URL and be with a click of button change slideshow content from this website. As an example, we will input rtcamp.com and click-a-button which should change slideshow to display rtCamp’s latest blog post.