[PR #106] [CLOSED] tutorials and new user flow #572

Closed
opened 2026-03-03 00:22:13 +03:00 by kerem · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/BoostIO/BoostNote-App/pull/106
Author: @Davy-c
Created: 12/7/2019
Status: Closed

Base: masterHead: feat/new-user-flow


📝 Commits (2)

📊 Changes

34 files changed (+1415 additions, -8 deletions)

View changed files

.prettierignore (+1 -0)
📝 package-lock.json (+48 -0)
📝 package.json (+1 -0)
📝 src/components/PreferencesModal/GeneralTab.tsx (+28 -3)
📝 src/components/PreferencesModal/styled.tsx (+9 -0)
📝 src/components/Router.tsx (+4 -0)
📝 src/components/SideNavigator/SideNavigator.tsx (+3 -1)
src/components/Tutorials/TutorialsNavigator.tsx (+101 -0)
src/components/Tutorials/TutorialsNoteDetail.tsx (+192 -0)
src/components/Tutorials/TutorialsNoteItem.tsx (+69 -0)
src/components/Tutorials/TutorialsNoteList.tsx (+93 -0)
src/components/Tutorials/TutorialsPage.tsx (+278 -0)
📝 src/components/atoms/CodeEditor.tsx (+3 -1)
📝 src/components/atoms/CustomizedCodeEditor.tsx (+4 -1)
📝 src/lib/events.ts (+1 -0)
📝 src/lib/i18n/enUS.ts (+1 -0)
📝 src/lib/i18n/ja.ts (+1 -0)
📝 src/lib/preferences/store.ts (+1 -0)
📝 src/lib/preferences/types.ts (+1 -0)
📝 src/lib/router/utils.ts (+29 -0)

...and 14 more files

📄 Description

  • Brief explanation

In order to make it easily maintainable, the only thing someone need to do is to drop the tutorial's .md file in the respective folder and add 5 lines into the tree.ts file.
After that everything is handled dynamically.

I tried to mimic the current user UX in storage folders so that users would not be lost ( so navUp and Down ) etc.. are kept.

I was wondering if I should just throw the user towards the rendered .md file instead, but for now I decided not to in order to not disrupt the flow.

  • Pictures and gifs
    Screen Shot 2019-12-07 at 20 38 37
Screen Shot 2019-12-07 at 20 31 41

https://gyazo.com/7a9bf96ce19411bc1832427d3f3c5c53
https://gyazo.com/124fcc17bffefd94d1acd23d516fa871


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/BoostIO/BoostNote-App/pull/106 **Author:** [@Davy-c](https://github.com/Davy-c) **Created:** 12/7/2019 **Status:** ❌ Closed **Base:** `master` ← **Head:** `feat/new-user-flow` --- ### 📝 Commits (2) - [`4aa385b`](https://github.com/BoostIO/BoostNote-App/commit/4aa385b3c07f72afa87e16001944a956cc5504db) tutorials and new user flow - [`b6d3721`](https://github.com/BoostIO/BoostNote-App/commit/b6d372136145bc17bb92edae0bdaa576302c76e1) fix for navigate down ### 📊 Changes **34 files changed** (+1415 additions, -8 deletions) <details> <summary>View changed files</summary> ➕ `.prettierignore` (+1 -0) 📝 `package-lock.json` (+48 -0) 📝 `package.json` (+1 -0) 📝 `src/components/PreferencesModal/GeneralTab.tsx` (+28 -3) 📝 `src/components/PreferencesModal/styled.tsx` (+9 -0) 📝 `src/components/Router.tsx` (+4 -0) 📝 `src/components/SideNavigator/SideNavigator.tsx` (+3 -1) ➕ `src/components/Tutorials/TutorialsNavigator.tsx` (+101 -0) ➕ `src/components/Tutorials/TutorialsNoteDetail.tsx` (+192 -0) ➕ `src/components/Tutorials/TutorialsNoteItem.tsx` (+69 -0) ➕ `src/components/Tutorials/TutorialsNoteList.tsx` (+93 -0) ➕ `src/components/Tutorials/TutorialsPage.tsx` (+278 -0) 📝 `src/components/atoms/CodeEditor.tsx` (+3 -1) 📝 `src/components/atoms/CustomizedCodeEditor.tsx` (+4 -1) 📝 `src/lib/events.ts` (+1 -0) 📝 `src/lib/i18n/enUS.ts` (+1 -0) 📝 `src/lib/i18n/ja.ts` (+1 -0) 📝 `src/lib/preferences/store.ts` (+1 -0) 📝 `src/lib/preferences/types.ts` (+1 -0) 📝 `src/lib/router/utils.ts` (+29 -0) _...and 14 more files_ </details> ### 📄 Description - Brief explanation In order to make it easily maintainable, the only thing someone need to do is to drop the tutorial's `.md` file in the respective folder and add 5 lines into the `tree.ts` file. After that everything is handled dynamically. I tried to mimic the current user UX in storage folders so that users would not be lost ( so navUp and Down ) etc.. are kept. I was wondering if I should just throw the user towards the rendered `.md` file instead, but for now I decided not to in order to not disrupt the flow. - Pictures and gifs <img width="1638" alt="Screen Shot 2019-12-07 at 20 38 37" src="https://user-images.githubusercontent.com/45586198/70374011-901af880-1931-11ea-81ee-e8eb095db598.png"> <img width="1675" alt="Screen Shot 2019-12-07 at 20 31 41" src="https://user-images.githubusercontent.com/45586198/70373973-184cce00-1931-11ea-9298-ec509a882ce7.png"> https://gyazo.com/7a9bf96ce19411bc1832427d3f3c5c53 https://gyazo.com/124fcc17bffefd94d1acd23d516fa871 --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
kerem 2026-03-03 00:22:13 +03:00
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/BoostNote-App#572
No description provided.