Codelabz Page (Tutorial Page)

Codelabz Page (Tutorial Page)

Page Path:

in project - src/components/TutorialPage/index.jsx visit at - http://localhost:5173/tutorial/<tutorial_Id>

Components Of Codelabz Page

• Steps Bar - src/components/TutorialPage/StepBar.jsx
• Tutorial/User Details - src/components/TutorialPage/components/PostDetails.jsx
• Main Tutorial Steps - src/components/TutorialPage/components/Tutorial.jsx
• Comments Section - src/components/TutorialPage/Comments/CommentBox.jsx

Screens

Implementation

Only tutorials those are published can be viewed Actions related to tutorial pages are at src\store\actions\tutorialPageActions.js

1. Get Tutorial Basic Data

• getTutorialData - Returns basic tutorial data
• These data are shown in Tutorial/User Details

2. Get Tutorial Steps

• getTutorialSteps - Returns all the steps in the Tutorial
• All the steps are shown in the Main Tutorial Steps, and Steps Bar

3. Get Comments for a tutorial

• getCommentData - Returns comment for the provided Comment id
• getCommentData - Returns all comment id for the replies of a comment
• addComment - Adds comment to a tutorial
• All comments are implemented recursively.