BrandonArmand / Binari

Interactive code editor with a live binary tree visual designed to teach new developers the fundamentals of Data Structures.

Home Page:https://binari.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Quick tutorial

BrandonArmand opened this issue · comments

  • Bug
  • Clean up
  • Question
  • Enhancement
  • Suggestion
  • Other

What needs to be done.

Once the playground is opened, a one-step tutorial should be displayed.

Why

To show the user around the app.

How

Arrows, and tool-tips around the screen with a quick exit button to hide them all. Nothing too intrusive, but something to simply describe things at a glance.

A single screen with position: absolute; to cover the page, and divs within that screen to show the user around.

A state to keep track of the tutorial status will be needed, the user shouldn't need to see it more than once.

Hey, can I give this a go?
This will be my first PR.

@parthjawale Sure thing, this seems like a big PR, so just keep your commits short so that it is easier to review (: You are also welcome to just do mini PRs as you build onto the tutorial.

Goodluck, have fun!

Is this issue open I want to give it a shot.

Is this issue open I want to give it a shot.

@chaudhariyash10 You are welcome to give it a shot. Goodluck!

I am onto it.

i would love to help with this

Hey , I think I got this, can you please assign it to me?

Hey , I think I got this, can you please assign it to me?

You can give it a shot

commented

Hey @krishh16 Is this issue still being worked on?

@BrandonArmand if nobody Is working on this I may work on It, It should he pretty straigthforward to do with something like Driver.js and will also allow to expand the tutorial easily if needed in the future.

Btw get in touch if help's needed