-
Notifications
You must be signed in to change notification settings - Fork 0
/
tasks.todo
42 lines (37 loc) · 2.27 KB
/
tasks.todo
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
✔ build a simple Chatbot flow builder @done(24-06-11 11:49)
☐ make the code extensible to easily add new features. @started(24-06-11 11:49)
############ Note ############
✔ Use https://reactflow.dev/ for the flow builder. @done(24-06-11 11:49)
✔ You are free to use any other library on top of React Flow. @done(24-06-11 11:49)
✔ You can use either of JavaScript or TypeScript for this Task @done(24-06-11 11:50)
☐ Add comments to explain your code @started(24-06-11 11:50)
############ Features ############
✔ 1. Text Node @started(24-06-11 11:50) @done(24-06-11 15:34)
a. Our flow builder currently supports only one type of message (i.e Text Message).
b. There can be multiple Text Nodes in one flow.
c. Nodes are added to the flow by dragging and dropping a Node from the Nodes Panel.
✔ 2. Nodes Panel @started(24-06-11 11:51) @done(24-06-11 15:34)
a. This panel houses all kind of Nodes that our Flow Builder supports.
b. Right now there is only Message Node, but we'd be adding more types of Nodes in the future so make this section extensible
✔ 3. Edge @started(24-06-11 11:51) @done(24-06-11 11:51)
a. Connects two Nodes together
✔ 4. Source Handle @started(24-06-11 12:45) @done(24-06-11 15:34)
a. Source of a connecting edge
b. Can only have one edge originating from a source handle
✔ 5. Target Handle @started(24-06-11 12:45) @done(24-06-11 15:34)
a. Target of a connecting edge
b. Can have more than one edge connecting to a target handle
✔ 6. Settings Panel @done(24-06-11 15:35)
1. Settings Panel will replace the Nodes Panel when a Node is selected
2. It has a text field to edit text of the selected Text Node
✔ 7. Save Button @started(24-06-11 12:45) @done(24-06-11 15:34)
a. Button to save the flow
b. Save button press will show an error if there are more than one Nodes and more than one Node has empty target handles
############ Submission ############
✔ 1. Deploy a working version on a free hosting service like Heroku, Vercel,
✔ etc
✔ 2. Host the code repo on Github and add hosting link from the above step
✔ to the readme file
✔ 3. Share the repo link with your resume to careers@bitespeed.co with
✔ subject “BiteSpeed Frontend Task”
✔ 4. Please fill this form to submit the task -