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.