Details

Project: Timeline Generator

Description: A Site where you can input the number of elements and a timeline shape is generated for you having that number of elements in TLDraw.

Created as a subsmission for a coding challenge at alai.com

Even though I didn't get selected, I am very glad at how this project turned out and had a lot of fun working on it.

Name: Mohit Ruwatia

Email: mohitruwatia2312@gmail.com

LinkedIn

Approach

• Created a custom shape tl (timeline) using the template provided on the tldraw docs
• tl takes parts as a prop and uses it to determine length of timeline and number of elements it has.
• Value for parts is accepted from user and passed to tl when the Generate button is clicked.
• User can click Generate Again to generate new timeline.

Result

Video