An interactive Carousel React component

Completed Posted 3 years ago Paid on delivery
Completed Paid on delivery

Hi, I'm a developer and I'm creating project that needs a react.js component in the style of instagram stories, which is nothing more than an interactive carrousel where you can move forward and backward between slides, in this case, files . I have been trying to build for a few days but I encounter difficulties and I am having some bugs related to the time of viewing the files. Each storie that is an image must last 5 seconds and then move on to the next storie, however, the storie that is video must last its own time and not just 5 seconds like the images, perhaps with a 15 second limiter. AND THAT'S ALL. There are no integrations with databases, API's, nothing. I just need logic, a component that accepts an array of objects as input and knows how to differentiate when it is an image and when it is a video. And the good side? There is already an answer to all of this, I posted my bug on the stackoverflow ('[login to view URL]') and have already answered me, the only problem is that the answer is not contemplates the scenario in which the stories is video, in which time is not constant. The person who responded even explained in the comments a way to do it but I didn't understand how to implement it. However, it is up to you to adopt this approach or not. It just needs to work.

Note: It is not to have any feature that exists as the instagram component, such as that progress bar, etc., etc., the interest is totally between the passage of the slides. However, if in the workflow you have know-how to put that pause when the user presses the mouse or screen, it is welcome and a differential.

React.js

Project ID: #26968481

About the project

3 proposals Remote project Active 3 years ago

Awarded to:

arahfreelancer

Hello dear client, I have read your project description carefully. According to my rich knowledge in react with almost 6-year experience, I can design and implement a whole new reusable component. Please feel free to k More

$30 USD in 5 days
(1 Review)
1.0

3 freelancers are bidding on average $26 for this job

Hammad333

Hi, it does not seem to be that difficult. You can differentiate between images and videos by simply reading their extentions(.png, .mp4 etc). The logic is simple: Create a index in state to keep track of the current i More

$30 USD in 3 days
(14 Reviews)
4.7
kinzlee

Hi, I have worked on something similar to this, but the only difference is that I used the carousel in the landing page, I could implement the carousel which would be triggered with a timer

$18 USD in 7 days
(0 Reviews)
0.0