From 10027525557d13edd7d7f168197af4e9cb48fd4c Mon Sep 17 00:00:00 2001 From: AI Bot Date: Wed, 10 Jun 2026 10:57:43 +0530 Subject: [PATCH 1/2] feat: improve quick start page content (#92) --- project/src/app/docs/quick-start/page.tsx | 182 +++++++++------------- 1 file changed, 73 insertions(+), 109 deletions(-) diff --git a/project/src/app/docs/quick-start/page.tsx b/project/src/app/docs/quick-start/page.tsx index 3166820..ff3f9e4 100644 --- a/project/src/app/docs/quick-start/page.tsx +++ b/project/src/app/docs/quick-start/page.tsx @@ -69,38 +69,7 @@ const quickFeatures = [ }, ]; -const interactiveFeatures = [ - { - title: "Practical Examples", - detail: "Real-world examples you can understand and use.", - icon: "window", - }, - { - title: "Edit & Learn", - detail: "Modify the code and learn by experimenting.", - icon: "pen", - }, - { - title: "Instant Feedback", - detail: "See results instantly and grasp concepts faster.", - icon: "rocket", - }, -]; -const codeLines = [ - "", - '', - "", - ' ', - " Hello DemonTech", - ' ', - "", - "", - "

Hello, DemonTech!

", - "

Start your journey to become a better developer.

", - "", - "", -]; const iconPaths: Record = { home: , @@ -202,7 +171,6 @@ function DemonTechLogo() { export default function QuickStart() { const [isDarkMode, setIsDarkMode] = useState(true); - const [activeTab, setActiveTab] = useState("HTML"); const theme = isDarkMode ? darkTheme : lightTheme; return ( @@ -375,80 +343,61 @@ export default function QuickStart() { -
-
+
+
- -

- Example: Hello DemonTech + + 1 + +

+ Choose Your Roadmap

+

+ Head over to the All Roadmaps page. Browse through the available paths like Frontend, Backend, or DevOps. Pick the one that aligns with your current career goals or interests. Don't worry about picking the "perfect" one; you can always switch later. +

-
-
- {["HTML", "CSS", "JavaScript"].map((tab) => ( - - ))} -
-
- - +
+
+ + 2 + +

+ Navigate the Topics +

+

+ Each roadmap is divided into phases and topics. Start from the very first topic in Phase 1. Even if you think you know it, a quick review is always helpful. Use the interactive nodes to mark topics as "Completed" as you progress to keep track of your journey. +

-
-
- {codeLines.map((line, index) => ( -
- - {index + 1} - - - {line} - -
- ))} -
-
-
-

- Live Preview -

-
-

- Hello, DemonTech! -

-

- Start your journey to become a better developer. -

-
+
+
+ + 3 + +

+ Study the Resources +

+

+ When you click on a topic, you'll find a curated list of free resources. We've hand-picked articles, videos, and documentation. You don't need to read every single one—just pick the medium that works best for you and study until you understand the core concepts. +

-
- Tip: Edit the - code on the left and see the changes in real-time. +
+
+ + 4 + +

+ Build Projects +

+
+

+ Tutorial hell is real. At the end of major phases, you'll find recommended projects. Do not skip these. Building a real project without copy-pasting is the only way to solidify what you've learned and build a portfolio you can show to employers. +

@@ -458,27 +407,42 @@ export default function QuickStart() {

- Why Interactive Docs? + Tips for Success

- We believe in hands-on learning. That's why our - documentation is interactive, editable, and beginner-friendly. + Learning to code takes time and patience. Here are a few tips to help you stay on track and get the most out of the roadmaps.

- {interactiveFeatures.map((feature) => ( -
- -

- {feature.title} -

-

- {feature.detail} -

-
- ))} +
+ +

+ Be Consistent +

+

+ 30 minutes every day is better than 5 hours once a week. Build a habit. +

+
+
+ +

+ Ask Questions +

+

+ Join our Discord community. Don't stay stuck on a bug for days. +

+
+
+ +

+ Trust the Process +

+

+ The path is long, but it is proven. Focus on the next topic, not the finish line. +

+
From 0649e718f442709c6da6fd7a930d3586161bdd53 Mon Sep 17 00:00:00 2001 From: AI Bot Date: Wed, 10 Jun 2026 11:06:00 +0530 Subject: [PATCH 2/2] fix: escape entities in Quick Start page --- project/src/app/docs/quick-start/page.tsx | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/project/src/app/docs/quick-start/page.tsx b/project/src/app/docs/quick-start/page.tsx index ff3f9e4..f548ff0 100644 --- a/project/src/app/docs/quick-start/page.tsx +++ b/project/src/app/docs/quick-start/page.tsx @@ -354,7 +354,7 @@ export default function QuickStart() {

- Head over to the All Roadmaps page. Browse through the available paths like Frontend, Backend, or DevOps. Pick the one that aligns with your current career goals or interests. Don't worry about picking the "perfect" one; you can always switch later. + Head over to the All Roadmaps page. Browse through the available paths like Frontend, Backend, or DevOps. Pick the one that aligns with your current career goals or interests. Don't worry about picking the "perfect" one; you can always switch later.

@@ -368,7 +368,7 @@ export default function QuickStart() {

- Each roadmap is divided into phases and topics. Start from the very first topic in Phase 1. Even if you think you know it, a quick review is always helpful. Use the interactive nodes to mark topics as "Completed" as you progress to keep track of your journey. + Each roadmap is divided into phases and topics. Start from the very first topic in Phase 1. Even if you think you know it, a quick review is always helpful. Use the interactive nodes to mark topics as "Completed" as you progress to keep track of your journey.

@@ -382,7 +382,7 @@ export default function QuickStart() {

- When you click on a topic, you'll find a curated list of free resources. We've hand-picked articles, videos, and documentation. You don't need to read every single one—just pick the medium that works best for you and study until you understand the core concepts. + When you click on a topic, you'll find a curated list of free resources. We've hand-picked articles, videos, and documentation. You don't need to read every single one—just pick the medium that works best for you and study until you understand the core concepts.

@@ -396,7 +396,7 @@ export default function QuickStart() {

- Tutorial hell is real. At the end of major phases, you'll find recommended projects. Do not skip these. Building a real project without copy-pasting is the only way to solidify what you've learned and build a portfolio you can show to employers. + Tutorial hell is real. At the end of major phases, you'll find recommended projects. Do not skip these. Building a real project without copy-pasting is the only way to solidify what you've learned and build a portfolio you can show to employers.

@@ -431,7 +431,7 @@ export default function QuickStart() { Ask Questions

- Join our Discord community. Don't stay stuck on a bug for days. + Join our Discord community. Don't stay stuck on a bug for days.