[Feature]: Onboarding walk through

[bautistaaa]

Description

Not sure how we want to implements but some walk through that shows where everything is.

For example:

• wheres the test panel
• what does it mean to pass all tests (red x / green check)
• this is where user codes goes
• etc etc

Explanation

No response

[Dun-sin]

we can research how it's usually done? there should be a tutorial for it, i will help look it up

or we can detect if the user is a new user, then create a component that has an arrow(animated) and just gives directions(in an array).

I'm trying to think off my head on this one

[Dun-sin]

i can take it @bautistaaa

[mdwiltfong]

Hey @bautistaaa !

Have you looked at making a wiki? Here's a similar, all be it basic, example

[bautistaaa]

Hey @bautistaaa !

Have you looked at making a wiki? Here's a similar, all be it basic, example

i havent but i like it to be on the site and interactive. or even in video form

[mdwiltfong]

I stumbled upon the quickstart for turbo, and I think it does a good job of explaining the overall file structure of typehero. Might be a good resource in creating this Onboarding: https://turbo.build/repo/docs/getting-started/create-new#understanding-tsconfig

[Dun-sin]

Hi @bautistaaa, i can't run this locally or use remote dev environments, tho i've been able to make some progress, can't show you because i can't get it to run any more, so you need to unassign me, and assign someone else, they can look at my fork and take over, should i make a pull request about what i already have done, and you can merge it into a different branch and someone else can take over.

[mdwiltfong]

Hey @Dun-sin ,

May I suggest you make the PR? That way if anyone wants to pick up where you left off, they won't have to go searching for your fork (particularly if you decide to remove the fork in the future). Whether Chris closes the PR or leaves it open it will stay accessible to the TypeHero repo.

What were some of the issues you were facing?

[Dun-sin]

Hey @Dun-sin ,

May I suggest you make the PR? That way if anyone wants to pick up where you left off, they won't have to go searching for your fork (particularly if you decide to remove the fork in the future). Whether Chris closes the PR or leaves it open it will stay accessible to the TypeHero repo.

What were some of the issues you were facing?

i know, that's why i'm asking @bautistaaa if that's what he wants me to do, he may not want it

I actually don't want to repeat cuz i don't have the actually issues any more off head, but it's the lastest question in the discord contributors forum

[bautistaaa]

screenshot of what you have would be helpful

[Dun-sin]

screenshot of what you have would be helpful

Can't get one as I can't run the code anymore😅

But I used this library, so you can get a sense of what I did or started to do, if you check the demo of it
https://www.npmjs.com/package/reactour