Show HN: Built a timeline component for React with multiple layout modes

#1

Post by prabhuignoto » Fri, Oct 23, 2020, 2:33 PM UTC

Show HN: Built a timeline component for React with multiple layout modes
github.com

Re: Show HN: Built a timeline component for React with multiple layout modes

#2

Post by momothereal » Fri, Oct 23, 2020, 3:29 PM UTC

I'll keep an eye on this for the responsive feature that's planned!

I recently implemented a timeline on the https://wavy.fm front page to communicate that the website is still in development. Trying to make it responsive with flexbox was an absolute nightmare, so I ended up using JS to render the component differently on mobile.

Re: Show HN: Built a timeline component for React with multiple layout modes

#3

Post by piercebot » Fri, Oct 23, 2020, 3:31 PM UTC

The ability to click and drag the timeline to scroll through it would be an excellent addition!

Re: Show HN: Built a timeline component for React with multiple layout modes

#4

Post by prabhuignoto » Fri, Oct 23, 2020, 3:48 PM UTC

piercebot wrote: post #3

The ability to click and drag the timeline to scroll through it would be an excellent addition!

sure thanks for your feedback. yes i will plan to add this for next major update.

Re: Show HN: Built a timeline component for React with multiple layout modes

#5

Post by prabhuignoto » Fri, Oct 23, 2020, 3:48 PM UTC

momothereal wrote: post #2

I'll keep an eye on this for the responsive feature that's planned! I recently implemented a timeline on the https://wavy.fm front page to communicate that the website is still in development. Trying to make it responsive with flexbox was an absolute nightmare, so I ended up using JS to render the component differently on mobile.

thanks for the response. yes the responsive part is on the works and will be coming to the component very soon.

Re: Show HN: Built a timeline component for React with multiple layout modes

#6

Post by nakovet » Fri, Oct 23, 2020, 3:58 PM UTC

Thanks for sharing it, I will try to use this soon to display an Event agenda.

Re: Show HN: Built a timeline component for React with multiple layout modes

#7

Post by jakear » Fri, Oct 23, 2020, 3:58 PM UTC

I expected `tree` to allow multiple side by side (but still synced) timelines. For instance in your examples there'd be one line for European ops, and another for Japanese. Any plans to add that?

Re: Show HN: Built a timeline component for React with multiple layout modes

#8

Post by prabhuignoto » Fri, Oct 23, 2020, 4:13 PM UTC

nakovet wrote: post #6

Thanks for sharing it, I will try to use this soon to display an Event agenda.

sure please do let me know how it works out. thanks

Re: Show HN: Built a timeline component for React with multiple layout modes

#9

Post by zbq » Fri, Oct 23, 2020, 4:34 PM UTC

I CANNOT believe this. This is EXACTLY what I was looking for. I tried making one of these last week and it's practically impossible

Re: Show HN: Built a timeline component for React with multiple layout modes

#10

Post by alexkearns » Fri, Oct 23, 2020, 4:35 PM UTC

Great job - your timeline widget looks really neat. I look forward to seeing how it develops in future.

For your interest, there is a small group of hobbyist developers and small companies developing timeline products for the web.

As the developer of ChronoFlo Timeline Maker (https://www.chronoflotimeline.com), I welcome you to the timeline maker community!

Good luck with your project.