+ )
+}
diff --git a/src/components/TopicContent.tsx b/src/components/TopicContent.tsx
new file mode 100644
index 0000000..b0bbc03
--- /dev/null
+++ b/src/components/TopicContent.tsx
@@ -0,0 +1,46 @@
+import {
+ Carousel,
+ CarouselContent,
+ CarouselItem,
+ CarouselNext,
+ CarouselPrevious,
+} from "@/components/ui/carousel"
+import type { Topic } from "@/data/topics"
+
+export default function TopicContent({ topic }: { topic: Topic }) {
+ return (
+
+
+
{topic.title}
+
{topic.description}
+
+ {topic.items.map((item, itemIndex) => (
+
+
{item.title}
+
{item.description}
+
+
+
+
+
+ {item.code}
+
+
+
+
+ {item.result}
+
+
+
+
+
+
+
+
{item.explanation}
+
+ ))}
+
+
+
+ )
+}
diff --git a/components/footer.tsx b/src/components/footer.tsx
similarity index 100%
rename from components/footer.tsx
rename to src/components/footer.tsx
diff --git a/components/navigation.tsx b/src/components/navigation.tsx
similarity index 93%
rename from components/navigation.tsx
rename to src/components/navigation.tsx
index eb5554a..2da1cff 100644
--- a/components/navigation.tsx
+++ b/src/components/navigation.tsx
@@ -1,19 +1,19 @@
-import Link from "next/link";
-import JavaContent from "../app/java_tutorial.json";
+import { Link } from "react-router-dom";
+import { topics } from "@/data/topics";
import { JSX, SVGProps } from "react";
export default function Navigation() {
return (
-
+
Dot Java
diff --git a/components/ui/button.tsx b/src/components/ui/button.tsx
similarity index 100%
rename from components/ui/button.tsx
rename to src/components/ui/button.tsx
diff --git a/components/ui/card.tsx b/src/components/ui/card.tsx
similarity index 100%
rename from components/ui/card.tsx
rename to src/components/ui/card.tsx
diff --git a/components/ui/carousel.tsx b/src/components/ui/carousel.tsx
similarity index 100%
rename from components/ui/carousel.tsx
rename to src/components/ui/carousel.tsx
diff --git a/components/ui/dialog.tsx b/src/components/ui/dialog.tsx
similarity index 100%
rename from components/ui/dialog.tsx
rename to src/components/ui/dialog.tsx
diff --git a/app/java_tutorial.json b/src/data/java_tutorial.json
similarity index 87%
rename from app/java_tutorial.json
rename to src/data/java_tutorial.json
index 202f2d2..0bcdd15 100644
--- a/app/java_tutorial.json
+++ b/src/data/java_tutorial.json
@@ -195,6 +195,41 @@
"result": "Output:\nJohn is 25 years old."
}
]
+ },
+ {
+ "id": "exceptions",
+ "title": "Exception Handling",
+ "description": "Learn how Java handles runtime errors using try-catch blocks, the finally clause, custom exceptions, and try-with-resources.",
+ "items": [
+ {
+ "title": "Try-Catch",
+ "description": "The try-catch block lets you handle exceptions that occur during the execution of a block of code.",
+ "code": "try {\n int result = 10 / 0;\n} catch (ArithmeticException e) {\n System.out.println(\"Cannot divide by zero: \" + e.getMessage());\n}",
+ "explanation": "This example wraps risky code in a try block. When the division by zero throws an ArithmeticException, control jumps to the matching catch block instead of crashing the program.",
+ "result": "Output:\nCannot divide by zero: / by zero"
+ },
+ {
+ "title": "Finally",
+ "description": "The finally block always runs after try/catch, whether or not an exception was thrown, making it ideal for cleanup.",
+ "code": "FileWriter writer = null;\ntry {\n writer = new FileWriter(\"log.txt\");\n writer.write(\"entry\");\n} catch (IOException e) {\n System.out.println(\"Write failed.\");\n} finally {\n if (writer != null) {\n try { writer.close(); } catch (IOException ignored) {}\n }\n}",
+ "explanation": "The finally block closes the file resource regardless of whether the write succeeded, preventing resource leaks even when an exception occurs.",
+ "result": "Output:\n(file is always closed, even on failure)"
+ },
+ {
+ "title": "Custom Exceptions",
+ "description": "You can define your own exception types by extending Exception or RuntimeException to represent domain-specific errors.",
+ "code": "class InsufficientFundsException extends Exception {\n public InsufficientFundsException(String message) {\n super(message);\n }\n}\n\nvoid withdraw(double balance, double amount) throws InsufficientFundsException {\n if (amount > balance) {\n throw new InsufficientFundsException(\"Not enough funds.\");\n }\n}",
+ "explanation": "InsufficientFundsException extends Exception and carries a custom message. Callers must handle or declare it, making the failure mode explicit in the method signature.",
+ "result": "Output:\nInsufficientFundsException: Not enough funds."
+ },
+ {
+ "title": "Try-With-Resources",
+ "description": "Try-with-resources automatically closes any resource that implements AutoCloseable when the block finishes.",
+ "code": "try (BufferedReader reader = new BufferedReader(new FileReader(\"input.txt\"))) {\n String line = reader.readLine();\n System.out.println(line);\n} catch (IOException e) {\n System.out.println(\"Could not read file.\");\n}",
+ "explanation": "The reader is declared inside the parentheses of the try statement, so Java closes it automatically when the block exits, even if an exception is thrown, without a manual finally block.",
+ "result": "Output:\n(first line of input.txt, resource closed automatically)"
+ }
+ ]
}
]
}
diff --git a/src/data/topics.ts b/src/data/topics.ts
new file mode 100644
index 0000000..1e1a613
--- /dev/null
+++ b/src/data/topics.ts
@@ -0,0 +1,22 @@
+import raw from "./java_tutorial.json"
+
+export type TopicItem = {
+ title: string
+ description: string
+ code: string
+ explanation: string
+ result: string
+}
+
+export type Topic = {
+ id: string
+ title: string
+ description: string
+ items: TopicItem[]
+}
+
+export const topics: Topic[] = raw.sections
+
+export function getTopic(id: string | undefined): Topic | undefined {
+ return topics.find((topic) => topic.id === id)
+}
diff --git a/app/globals.css b/src/index.css
similarity index 97%
rename from app/globals.css
rename to src/index.css
index 45357ed..b8b1f12 100644
--- a/app/globals.css
+++ b/src/index.css
@@ -70,6 +70,9 @@
* {
@apply border-border;
}
+ html {
+ scroll-behavior: smooth;
+ }
body {
@apply bg-background text-foreground;
margin: 0;
diff --git a/lib/utils.ts b/src/lib/utils.ts
similarity index 100%
rename from lib/utils.ts
rename to src/lib/utils.ts
diff --git a/src/main.tsx b/src/main.tsx
new file mode 100644
index 0000000..37f9379
--- /dev/null
+++ b/src/main.tsx
@@ -0,0 +1,13 @@
+import { StrictMode } from "react"
+import { createRoot } from "react-dom/client"
+import { HashRouter } from "react-router-dom"
+import App from "./App"
+import "./index.css"
+
+createRoot(document.getElementById("root")!).render(
+
+
+
+
+ ,
+)
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
new file mode 100644
index 0000000..ebd243b
--- /dev/null
+++ b/src/pages/Home.tsx
@@ -0,0 +1,31 @@
+import { Link } from "react-router-dom"
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from "@/components/ui/card"
+import { topics } from "@/data/topics"
+
+export default function Home() {
+ return (
+
+
+
Dot Java
+
+ A quick, code-first tour of the Java language. Pick a topic to get started.
+