+ {` _____ _ _ _ `} + {`\n | __ \\ (_|_) | | `} + {`\n | |__) |___ _ __ _ __ _ _ ___ __| | _____ __`} + {`\n | _ // _ \\| '_ \\| '_ \\| | |/ _ \\ / _\` |/ _ \\ \\ / /`} + {`\n | | \\ \\ (_) | | | | | | | | | __/| (_| | __/\\ V / `} + {`\n |_| \\_\\___/|_| |_|_| |_|_|_|\\___(_)__,_|\\___| \\_/ `} +

+ Welcome to Ronnie's Project Terminal! +

+ +

+ 🚀 ABOUT THIS TERMINAL +

+ This is a showcase of my experimental projects hosted on *.ronniie.dev. +

+ Each project is a unique experiment, from fun visualizations to useful tools. +

+ Feel free to explore and interact with them! +

+ +

+ 🌟 "Every project is an adventure in learning and creation." 🌟 +

+ +

+ Type 'help' to see available commands. Let's explore + together! +

+ Want to learn more about me? Visit ronniie.com for my full portfolio and blog. +

+ ]; +}; + +export default motdCommand; diff --git a/src/app/commands/clear.tsx b/src/app/commands/clear.tsx new file mode 100644 index 0000000..9de878a --- /dev/null +++ b/src/app/commands/clear.tsx @@ -0,0 +1,15 @@ +import { Command } from "../../types/command"; + +const clearCommand: Command = { + metadata: { + name: "clear", + description: "Clear the terminal screen", + icon: "🧹", + }, + execute: () => { + // The actual clearing is handled in the Terminal component + return []; + }, +}; + +export default clearCommand; \ No newline at end of file diff --git a/src/app/commands/date.tsx b/src/app/commands/date.tsx new file mode 100644 index 0000000..88ef749 --- /dev/null +++ b/src/app/commands/date.tsx @@ -0,0 +1,28 @@ +import { Command } from "../../types/command"; + +const dateCommand: Command = { + metadata: { + name: "date", + description: "Display the current date and time", + icon: "📅", + }, + execute: () => { + const now = new Date(); + return [ +

+ {now.toLocaleString('en-US', { + weekday: 'long', + year: 'numeric', + month: 'long', + day: 'numeric', + hour: '2-digit', + minute: '2-digit', + second: '2-digit', + timeZoneName: 'short' + })} +

+ ]; + }, +}; + +export default dateCommand; \ No newline at end of file diff --git a/src/app/commands/echo.tsx b/src/app/commands/echo.tsx new file mode 100644 index 0000000..a783b37 --- /dev/null +++ b/src/app/commands/echo.tsx @@ -0,0 +1,29 @@ +import { Command } from "../../types/command"; + +const echoCommand: Command = { + metadata: { + name: "echo", + description: "Print text to the terminal", + icon: "📢", + usage: "echo ", + }, + execute: (args: string[] = []) => { + if (args.length === 0) { + return [ +

+ Error: Missing arguments +

+ Usage: echo <text> +

+ ]; + } + return [ +

+ {args.join(" ")} +

+ ]; + }, +}; + +export default echoCommand; \ No newline at end of file diff --git a/src/app/commands/exit.tsx b/src/app/commands/exit.tsx new file mode 100644 index 0000000..4f24838 --- /dev/null +++ b/src/app/commands/exit.tsx @@ -0,0 +1,20 @@ +import { Command } from "../../types/command"; + +const exitCommand: Command = { + metadata: { + name: "exit", + description: "Close the terminal", + icon: "❌", + }, + execute: () => { + // This is a special case where we need to handle the exit command differently + // The actual execution is handled in the Terminal component + return [ +

+ Terminal exited. Refresh the page to restart. 🚀 +

, + ]; + }, +}; + +export default exitCommand; diff --git a/src/app/commands/help.tsx b/src/app/commands/help.tsx new file mode 100644 index 0000000..647436c --- /dev/null +++ b/src/app/commands/help.tsx @@ -0,0 +1,104 @@ +import { Command } from "../../types/command"; + +const helpCommand: Command = { + metadata: { + name: "help", + description: "Show available commands", + icon: "❓", + }, + execute: () => { + return [ +

Available Commands

Type any command to execute it. Use ↑ and ↓ to navigate history.

+ +

+ {/* System Commands */} +

System

+ clear + - Clear the terminal screen +

+ date + - Display current date and time +

+ echo + - Print text to the terminal +

Usage: echo <text>

+ exit + - Exit the terminal +

+ help + - Show this help message +

+ neofetch + - Display system information +

+ whoami + - Show current user +

+ + {/* File System Commands */} +

File System

+ ls + - List files and directories +

+ pwd + - Show current directory +

+ + {/* Project Commands */} +

Projects

+ projects + - Show my projects +

Usage: projects [project-name]

+ source + - View source code +

+ +

+ 💡 Pro tip: Commands are case-insensitive and support tab completion. +

+ ]; + }, +}; + +export default helpCommand; diff --git a/src/app/commands/index.ts b/src/app/commands/index.ts new file mode 100644 index 0000000..efc53d8 --- /dev/null +++ b/src/app/commands/index.ts @@ -0,0 +1,26 @@ +import { Command } from "../../types/command"; +import helpCommand from "./help"; +import exitCommand from "./exit"; +import sourceCommand from "./source"; +import projectsCommand from "./projects"; +import clearCommand from "./clear"; +import dateCommand from "./date"; +import neofetchCommand from "./neofetch"; +import echoCommand from "./echo"; +import whoamiCommand from "./whoami"; +import pwdCommand from "./pwd"; +import lsCommand from "./ls"; + +export const commands: Record = { + help: helpCommand, + exit: exitCommand, + source: sourceCommand, + projects: projectsCommand, + clear: clearCommand, + date: dateCommand, + neofetch: neofetchCommand, + echo: echoCommand, + whoami: whoamiCommand, + pwd: pwdCommand, + ls: lsCommand, +}; \ No newline at end of file diff --git a/src/app/commands/ls.tsx b/src/app/commands/ls.tsx new file mode 100644 index 0000000..a77615f --- /dev/null +++ b/src/app/commands/ls.tsx @@ -0,0 +1,26 @@ +import { Command } from "../../types/command"; +import projects from "../../data/projects.json"; + +const lsCommand: Command = { + metadata: { + name: "ls", + description: "List files and directories", + icon: "📋", + }, + execute: () => { + return [ +

+ {projects.projects.map((project) => ( +

+ 📁 + {project.name} +

+ ))} +

+ ]; + }, +}; + +export default lsCommand; \ No newline at end of file diff --git a/src/app/commands/neofetch.tsx b/src/app/commands/neofetch.tsx new file mode 100644 index 0000000..4e63b2d --- /dev/null +++ b/src/app/commands/neofetch.tsx @@ -0,0 +1,133 @@ +import { Command, CommandContext } from "../../types/command"; + +// Add type declarations for Navigator properties +declare global { + interface Navigator { + deviceMemory?: number; + hardwareConcurrency?: number; + platform: string; + userAgent: string; + language: string; + vendor: string; + } +} + +const neofetchCommand: Command = { + metadata: { + name: "neofetch", + description: "Display system information", + icon: "🖥️", + }, + execute: (_, context?: CommandContext) => { + const platform = navigator.platform; + const userAgent = navigator.userAgent; + const language = navigator.language; + const vendor = navigator.vendor; + const memory = navigator.deviceMemory ? `${navigator.deviceMemory} GB` : "Unknown"; + const cores = navigator.hardwareConcurrency || "Unknown"; + + const osInfo = { + platform: platform, + userAgent: userAgent, + language: language, + vendor: vendor, + memory: memory, + cores: cores, + }; + + // Enhanced OS detection + let os = 'Unknown'; + let osVersion = ''; + + if (osInfo.userAgent.includes('Windows')) { + os = 'Windows'; + if (osInfo.userAgent.includes('Windows NT 10.0')) { + // Windows 11 has a specific pattern in the user agent + // It includes "Windows NT 10.0" followed by specific identifiers + const isWindows11 = osInfo.userAgent.includes('Windows NT 10.0; Win64; x64') && + (osInfo.userAgent.includes('Windows NT 10.0; Win64; x64; Windows NT 10.0') || + osInfo.userAgent.includes('Windows NT 10.0; Win64; x64; rv:') || + osInfo.userAgent.includes('Windows NT 10.0; Win64; x64; Edge/')); + + osVersion = isWindows11 ? '11' : '10'; + } + else if (osInfo.userAgent.includes('Windows NT 6.3')) osVersion = '8.1'; + else if (osInfo.userAgent.includes('Windows NT 6.2')) osVersion = '8'; + else if (osInfo.userAgent.includes('Windows NT 6.1')) osVersion = '7'; + } + else if (osInfo.userAgent.includes('Mac')) { + os = 'macOS'; + const match = osInfo.userAgent.match(/Mac OS X (\d+[._]\d+)/); + if (match) osVersion = match[1].replace('_', '.'); + } + else if (osInfo.userAgent.includes('Linux')) { + os = 'Linux'; + if (osInfo.userAgent.includes('Ubuntu')) osVersion = 'Ubuntu'; + else if (osInfo.userAgent.includes('Fedora')) osVersion = 'Fedora'; + else if (osInfo.userAgent.includes('Debian')) osVersion = 'Debian'; + else if (osInfo.userAgent.includes('Android')) { + os = 'Android'; + const match = osInfo.userAgent.match(/Android (\d+[._]\d+)/); + if (match) osVersion = match[1].replace('_', '.'); + } + } + else if (osInfo.userAgent.includes('iOS')) { + os = 'iOS'; + const match = osInfo.userAgent.match(/OS (\d+[._]\d+)/); + if (match) osVersion = match[1].replace('_', '.'); + } + + // Enhanced browser detection + let browser = 'Unknown'; + let browserVersion = ''; + + if (osInfo.userAgent.includes('Chrome')) { + browser = 'Chrome'; + const match = osInfo.userAgent.match(/Chrome\/(\d+[._]\d+)/); + if (match) browserVersion = match[1].replace('_', '.'); + } + else if (osInfo.userAgent.includes('Firefox')) { + browser = 'Firefox'; + const match = osInfo.userAgent.match(/Firefox\/(\d+[._]\d+)/); + if (match) browserVersion = match[1].replace('_', '.'); + } + else if (osInfo.userAgent.includes('Safari')) { + browser = 'Safari'; + const match = osInfo.userAgent.match(/Version\/(\d+[._]\d+)/); + if (match) browserVersion = match[1].replace('_', '.'); + } + else if (osInfo.userAgent.includes('Edge')) { + browser = 'Edge'; + const match = osInfo.userAgent.match(/Edge\/(\d+[._]\d+)/); + if (match) browserVersion = match[1].replace('_', '.'); + } + + return [ +

OS: {os}{osVersion ? ` ${osVersion}` : ''}

Host: ronniie.dev

Kernel: Next.js 15.0.3

Shell: React Terminal

Terminal: {browser}{browserVersion ? ` ${browserVersion}` : ''}

CPU: {osInfo.cores} cores

Memory: {osInfo.memory}

Uptime: {context?.uptime || 'Unknown'}

Language: {osInfo.language}

+ ]; + }, +}; + +export default neofetchCommand; \ No newline at end of file diff --git a/src/app/commands/projects.tsx b/src/app/commands/projects.tsx new file mode 100644 index 0000000..3d06e4f --- /dev/null +++ b/src/app/commands/projects.tsx @@ -0,0 +1,98 @@ +import { Command } from "../../types/command"; +import projects from "../../data/projects.json"; + +const projectsCommand: Command = { + metadata: { + name: "projects", + description: "Show my projects", + icon: "🚀", + usage: "projects [project-name]", + }, + execute: (args: string[] = []) => { + if (args.length === 0) { + // Show all projects + return [ +

Available Projects:

+ {projects.projects.map((project) => ( +

+ {project.icon} + {project.name} +

{project.description}

+ {project.tags.map((tag) => ( + + {tag} + + ))} +

+ + Visit Project → + +

+ ))} +

+ ]; + } + + // Show specific project + const projectName = args[0].toLowerCase(); + const project = projects.projects.find( + (p) => p.name.toLowerCase() === projectName + ); + + if (!project) { + return [ +

+ Error: Project not found +

+ Available projects: {projects.projects.map(p => p.name).join(", ")} +

+ ]; + } + + return [ +

+ {project.icon} +

{project.name}

{project.description}

Technologies

+ {project.tags.map((tag) => ( + + {tag} + + ))} +

+ + Visit Project → + +

+ ]; + }, +}; + +export default projectsCommand; \ No newline at end of file diff --git a/src/app/commands/pwd.tsx b/src/app/commands/pwd.tsx new file mode 100644 index 0000000..1ab6faf --- /dev/null +++ b/src/app/commands/pwd.tsx @@ -0,0 +1,18 @@ +import { Command } from "../../types/command"; + +const pwdCommand: Command = { + metadata: { + name: "pwd", + description: "Show current directory", + icon: "📁", + }, + execute: () => { + return [ +

+ /home/ronnie +

+ ]; + }, +}; + +export default pwdCommand; \ No newline at end of file diff --git a/src/app/commands/source.tsx b/src/app/commands/source.tsx new file mode 100644 index 0000000..93562a8 --- /dev/null +++ b/src/app/commands/source.tsx @@ -0,0 +1,31 @@ +import { Command } from "../../types/command"; +import dynamic from "next/dynamic"; + +const FaGithub = dynamic(() => import("react-icons/fa6").then((mod) => mod.FaGithub), { ssr: false }); + +const sourceCommand: Command = { + metadata: { + name: "source", + description: "View the source code of this terminal", + icon: "📄", + }, + execute: () => [ +

+ 📄 Terminal Source Code: +

+ + GitHub:{" "} + + Ronniie/ronniie.dev + +

, + ], +}; + +export default sourceCommand; diff --git a/src/app/commands/unknown.tsx b/src/app/commands/unknown.tsx new file mode 100644 index 0000000..eac3534 --- /dev/null +++ b/src/app/commands/unknown.tsx @@ -0,0 +1,10 @@ +const unknownCommand = (input: string) => () => [ +

+ Unknown command: {input} +

, +

+ Type help to see available commands. +

, +]; + +export default unknownCommand; diff --git a/src/app/commands/whoami.tsx b/src/app/commands/whoami.tsx new file mode 100644 index 0000000..517d1ad --- /dev/null +++ b/src/app/commands/whoami.tsx @@ -0,0 +1,18 @@ +import { Command } from "../../types/command"; + +const whoamiCommand: Command = { + metadata: { + name: "whoami", + description: "Show current user", + icon: "👤", + }, + execute: () => { + return [ +

+ ronnie +

+ ]; + }, +}; + +export default whoamiCommand; \ No newline at end of file diff --git a/src/app/favicon.ico b/src/app/favicon.ico new file mode 100644 index 0000000..41f4929 Binary files /dev/null and b/src/app/favicon.ico differ diff --git a/src/app/fonts/GeistMonoVF.woff b/src/app/fonts/GeistMonoVF.woff new file mode 100644 index 0000000..f2ae185 Binary files /dev/null and b/src/app/fonts/GeistMonoVF.woff differ diff --git a/src/app/fonts/GeistVF.woff b/src/app/fonts/GeistVF.woff new file mode 100644 index 0000000..1b62daa Binary files /dev/null and b/src/app/fonts/GeistVF.woff differ diff --git a/src/app/globals.css b/src/app/globals.css new file mode 100644 index 0000000..3efc0be --- /dev/null +++ b/src/app/globals.css @@ -0,0 +1,24 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +:root { + --background: #ffffff; + --foreground: #171717; +} + +@media (prefers-color-scheme: dark) { + :root { + --background: #0a0a0a; + --foreground: #ededed; + } +} +html,body { + max-width: 100vw; + overflow-x: hidden; +} +body { + color: var(--foreground); + background: var(--background); + font-family: 'Courier New', Courier, monospace; +} diff --git a/src/app/layout.tsx b/src/app/layout.tsx new file mode 100644 index 0000000..a4834d7 --- /dev/null +++ b/src/app/layout.tsx @@ -0,0 +1,74 @@ +import type { Metadata } from "next"; +import { Inter } from "next/font/google"; +import "./globals.css"; + +const inter = Inter({ subsets: ["latin"] }); + +export const metadata: Metadata = { + title: "ronniie.dev", + description: "A showcase of experimental projects hosted on *.ronniie.dev. Each project is a unique experiment, from fun visualizations to useful tools.", + keywords: "terminal, projects, web development, experiments, tools, utilities", + authors: [{ name: "Ronniie" }], + creator: "Ronniie", + publisher: "Ronniie", + robots: "index, follow", + icons: { + icon: [ + { url: '/favicon.png', sizes: 'any' }, + { url: '/favicon.png', sizes: '32x32', type: 'image/x-icon' }, + { url: '/favicon.png', sizes: '16x16', type: 'image/x-icon' }, + ], + apple: [ + { url: '/favicon.png', sizes: '180x180', type: 'image/x-icon' }, + ], + }, + openGraph: { + type: 'website', + locale: 'en_US', + url: 'https://ronniie.dev', + title: "ronniie.dev", + description: "A showcase of experimental projects hosted on *.ronniie.dev. Each project is a unique experiment, from fun visualizations to useful tools.", + siteName: "ronniie.dev", + images: [ + { + url: '/favicon.png', + width: 512, + height: 512, + alt: 'ronniie.dev favicon', + type: 'image/x-icon', + }, + ], + }, + twitter: { + card: 'summary', + title: "ronniie.dev", + description: "A showcase of experimental projects hosted on *.ronniie.dev. Each project is a unique experiment, from fun visualizations to useful tools.", + creator: '@ronniie', + images: ['/favicon.png'], + }, + manifest: '/manifest.json', +}; + +export default function RootLayout({ + children, +}: { + children: React.ReactNode; +}) { + return ( + + + {/* Theme Colors */} + + + + {/* Favicon */} + + + + + + {children} + + + ); +} diff --git a/src/app/page.tsx b/src/app/page.tsx new file mode 100644 index 0000000..dcc7198 --- /dev/null +++ b/src/app/page.tsx @@ -0,0 +1,9 @@ +import Terminal from "../components/Terminal"; + +export default function TerminalPage() { + return ( +

+ +

+ ); +} diff --git a/src/app/theme-color.ts b/src/app/theme-color.ts new file mode 100644 index 0000000..15a7638 --- /dev/null +++ b/src/app/theme-color.ts @@ -0,0 +1 @@ +export default "#f97316"; \ No newline at end of file diff --git a/src/app/viewport.ts b/src/app/viewport.ts new file mode 100644 index 0000000..9d72424 --- /dev/null +++ b/src/app/viewport.ts @@ -0,0 +1,4 @@ +export default { + width: "device-width", + initialScale: 1, +}; \ No newline at end of file diff --git a/src/components/Terminal.tsx b/src/components/Terminal.tsx new file mode 100644 index 0000000..6cd814a --- /dev/null +++ b/src/components/Terminal.tsx @@ -0,0 +1,298 @@ +"use client"; + +import { useState, useRef, useEffect } from "react"; +import { commands } from "../app/commands"; +import unknownCommand from "../app/commands/unknown"; +import projects from "../data/projects.json"; + +interface Project { + name: string; + description: string; + url: string; + icon: string; + tags: string[]; +} + +const Terminal: React.FC = () => { + const [mounted, setMounted] = useState(false); + const [input, setInput] = useState(""); + const [output, setOutput] = useState([]); + const [history, setHistory] = useState([]); + const [historyIndex, setHistoryIndex] = useState(null); + const [suggestion, setSuggestion] = useState(null); + const [inputDisabled, setInputDisabled] = useState(false); + const [startTime] = useState(new Date()); + + const terminalEndRef = useRef(null); + const inputRef = useRef(null); + + const commandsList = Object.keys(commands); + + useEffect(() => { + setMounted(true); + setOutput([]); + }, []); + + const getUptime = () => { + const now = new Date(); + const diff = now.getTime() - startTime.getTime(); + const seconds = Math.floor(diff / 1000); + const minutes = Math.floor(seconds / 60); + const hours = Math.floor(minutes / 60); + const days = Math.floor(hours / 24); + + if (days > 0) { + return `${days}d ${hours % 24}h ${minutes % 60}m`; + } else if (hours > 0) { + return `${hours}h ${minutes % 60}m ${seconds % 60}s`; + } else if (minutes > 0) { + return `${minutes}m ${seconds % 60}s`; + } else { + return `${seconds}s`; + } + }; + + const handleInput = (e: React.FormEvent) => { + e.preventDefault(); + + if (inputDisabled) return; + + if (input.trim() === "") { + setOutput((prev) => [ + ...prev, +

, + ]); + setInput(""); + return; + } + + const normalizedInput = input.toLowerCase(); + // Split by spaces but preserve quoted strings + const args = input.match(/(?:[^\s"]+|"[^"]*")+/g) || []; + if (args.length === 0) { + setInput(""); + return; + } + const cmd = args[0]?.toLowerCase() || ""; + const commandArgs = args.slice(1).map(arg => arg.replace(/^"|"$/g, '')); // Remove quotes + const command = commands[cmd]; + + if (normalizedInput === "clear") { + setOutput([]); + setInput(""); + return; + } + + if (command) { + if (normalizedInput === "exit") { + setInputDisabled(true); + } + setOutput((prev) => [ + ...prev, +

+ $ {input} +

, + ...command.execute(commandArgs, { uptime: getUptime() }), + ]); + } else { + setOutput((prev) => [ + ...prev, +

+ $ {input} +

, + ...unknownCommand(normalizedInput)(), + ]); + } + + setHistory((prev) => [...prev, input]); + setHistoryIndex(null); + setInput(""); + setSuggestion(null); + }; + + const handleInputChange = (value: string) => { + setInput(value); + + const normalizedInput = value.toLowerCase(); + const parts = normalizedInput.split(" "); + if (parts.length === 0) { + setSuggestion(null); + return; + } + const cmd = parts[0]; + const args = parts.slice(1); + + // Handle project name suggestions + if (cmd === "projects") { + const projectPrefix = args.join(" ").toLowerCase().replace(/^"|"$/g, ''); + const matchedProject = projects.projects.find((project: Project) => + project.name.toLowerCase().startsWith(projectPrefix) + ); + if (matchedProject) { + setSuggestion(`projects "${matchedProject.name}"`); + } else { + setSuggestion(null); + } + return; + } + + // Handle command suggestions + const matchedCommand = commandsList.find((command) => + command.startsWith(normalizedInput) + ); + setSuggestion(matchedCommand || null); + }; + + const handleKeyDown = (e: React.KeyboardEvent) => { + if (e.key === "ArrowUp") { + e.preventDefault(); + if (history.length === 0) return; + + const newIndex = historyIndex === null + ? history.length - 1 + : Math.max(0, historyIndex - 1); + + setHistoryIndex(newIndex); + setInput(history[newIndex]); + } else if (e.key === "ArrowDown") { + e.preventDefault(); + if (historyIndex === null) return; + + const newIndex = historyIndex + 1; + if (newIndex >= history.length) { + setHistoryIndex(null); + setInput(""); + } else { + setHistoryIndex(newIndex); + setInput(history[newIndex]); + } + } else if (e.key === "Tab" && suggestion) { + e.preventDefault(); + setInput(suggestion); + setSuggestion(null); + } + }; + + useEffect(() => { + terminalEndRef.current?.scrollIntoView({ behavior: "smooth" }); + }, [output]); + + if (!mounted) { + return null; + } + + return ( +

inputRef.current?.focus()} + > +

+ {output.map((line, index) => ( +

+ {line} +

+ ))} +

+ + +

+ ); +}; + +const MOTD = () => { + const [mounted, setMounted] = useState(false); + + useEffect(() => { + setMounted(true); + }, []); + + if (!mounted) { + return null; + } + + return ( + <> +

+ Welcome to Ronnie's Project Terminal! +

+ +

+ 🚀 ABOUT THIS TERMINAL +

+ This is a showcase of my experimental projects hosted on *.ronniie.dev. +

+ Each project is a unique experiment, from fun visualizations to useful tools. +

+ Feel free to explore and interact with them! +

+ +

+ 🌟 "Every project is an adventure in learning and creation." 🌟 +

+ +

+ Type 'help' to see available commands. Let's explore + together! +

+ Want to learn more about me? Visit ronniie.com for my full portfolio and blog. +

+ Available projects: {projects?.projects?.map(p => p.name).join(", ") || "None"} +

+ + ); +} + +export default Terminal; diff --git a/src/data/projects.json b/src/data/projects.json new file mode 100644 index 0000000..50d4ae9 --- /dev/null +++ b/src/data/projects.json @@ -0,0 +1,39 @@ +{ + "projects": [ + { + "name": "Is My Internet Working?", + "description": "A simple tool to check if your internet connection is working. No fancy stuff, just a yes or no. Free, instant, and reliable internet connection checker.", + "icon": "🌐", + "url": "https://ismyinternetworking.ronniie.dev", + "tags": ["Web", "Fun", "Interactive", "JavaScript"] + }, + { + "name": "What's My Vibe?", + "description": "Check your current vibe with our fun and interactive vibe checker. Get instant vibe readings and discover your mood!", + "icon": "😊", + "url": "https://whatsmyvibe.ronniie.dev", + "tags": ["Web", "Fun", "Interactive", "JavaScript"] + }, + { + "name": "HoldThisButton", + "description": "Test your patience and endurance with our button-holding challenge. How long can you hold the button?", + "icon": "🔘", + "url": "https://holdthisbutton.ronniie.dev", + "tags": ["Web", "Fun", "Interactive", "JavaScript"] + }, + { + "name": "TimelineCheck", + "description": "Check if you're in the right timeline with our timeline checker. Get instant timeline readings and discover if you're in the correct reality!", + "icon": "📰", + "url": "https://timelinecheck.ronniie.dev", + "tags": ["Web", "Fun", "Interactive", "JavaScript"] + }, + { + "name": "ZoneOut", + "description": "A fast-paced square collection game where you select and clear bouncing squares. Choose your difficulty and game mode, then try to achieve the highest score! Game Modes: Levels (progress through increasingly challenging levels), Endless (play indefinitely with increasing difficulty). Difficulty Levels: Easy (infinite lives, slower squares, 20% red squares), Medium (5 lives, moderate speed, 30% red squares), Hard (3 lives, fast squares, 40% red squares). Features: Smooth selection, combo system, time bonuses, particle effects, modern UI, responsive design. Play at zoneout.ronniie.dev.", + "icon": "🟧", + "url": "https://zoneout.ronniie.dev", + "tags": ["Web", "Game", "Fun", "Interactive", "JavaScript", "Canvas"] + } + ] +} \ No newline at end of file diff --git a/src/types/command.ts b/src/types/command.ts new file mode 100644 index 0000000..462a7b7 --- /dev/null +++ b/src/types/command.ts @@ -0,0 +1,15 @@ +export interface CommandMetadata { + name: string; + description: string; + icon: string; + usage?: string; +} + +export interface CommandContext { + uptime?: string; +} + +export interface Command { + metadata: CommandMetadata; + execute: (args?: string[], context?: CommandContext) => JSX.Element[]; +} \ No newline at end of file diff --git a/tailwind.config.ts b/tailwind.config.ts new file mode 100644 index 0000000..109807b --- /dev/null +++ b/tailwind.config.ts @@ -0,0 +1,18 @@ +import type { Config } from "tailwindcss"; + +export default { + content: [ + "./src/pages/**/*.{js,ts,jsx,tsx,mdx}", + "./src/components/**/*.{js,ts,jsx,tsx,mdx}", + "./src/app/**/*.{js,ts,jsx,tsx,mdx}", + ], + theme: { + extend: { + colors: { + background: "var(--background)", + foreground: "var(--foreground)", + }, + }, + }, + plugins: [], +} satisfies Config; diff --git a/tsconfig.json b/tsconfig.json new file mode 100644 index 0000000..c133409 --- /dev/null +++ b/tsconfig.json @@ -0,0 +1,27 @@ +{ + "compilerOptions": { + "target": "ES2017", + "lib": ["dom", "dom.iterable", "esnext"], + "allowJs": true, + "skipLibCheck": true, + "strict": true, + "noEmit": true, + "esModuleInterop": true, + "module": "esnext", + "moduleResolution": "bundler", + "resolveJsonModule": true, + "isolatedModules": true, + "jsx": "preserve", + "incremental": true, + "plugins": [ + { + "name": "next" + } + ], + "paths": { + "@/*": ["./src/*"] + } + }, + "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], + "exclude": ["node_modules"] +}