[V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "geist": "^1.3.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "16.0.10", "next-themes": "^0.4.6", "react": "^19", "react-day-picker": "9.8.0", "react-dom": "^19", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^0.9.9", "zod": "3.25.67" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^18", "@types/react-dom": "^18", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isQuickEdit="true" "use client" import type React from "react" import { useState, useEffect, useRef } from "react" export default function TerminalPortfolio() { const [currentTime, setCurrentTime] = useState("") const [showCursor, setShowCursor] = useState(true) const [currentInput, setCurrentInput] = useState("") const [terminalHistory, setTerminalHistory] = useState>([]) const inputRef = useRef(null) useEffect(() => { const updateTime = () => { const now = new Date() setCurrentTime( now.toLocaleString("en-US", { month: "numeric", day: "numeric", year: "numeric", hour: "numeric", minute: "2-digit", second: "2-digit", hour12: false, }), ) } updateTime() const interval = setInterval(updateTime, 1000) return () => clearInterval(interval) }, []) useEffect(() => { const cursorInterval = setInterval(() => { setShowCursor((prev) => !prev) }, 500) return () => clearInterval(cursorInterval) }, []) const handleCommand = (command: string) => { const trimmedCommand = command.trim().toLowerCase() setTerminalHistory((prev) => [...prev, { type: "command", content: command }]) let output = "" switch (trimmedCommand) { case "help": output ="skills\nprojects\nabout me\ncontact information" break case "skills": output = "c, html, css\n\nlearning: c++, JavaScript, C++, Data Structures & Algorithms, Competitive Programming (Codeforces, LeetCode), Git & GitHub" break case "projects": output = "link to my newest profile: https://github.com/amulyamandala" break case "about me": output = "👋 Hi, I'm Sri Amulya Mandala, a Computer Science undergraduate from Anurag University, Hyderabad, with a current CGPA of 9.2.\nI'm currently learning Web Development (HTML, CSS, JavaScript), practicing Data Structures & Algorithms, and exploring Competitive Programming on platforms like Codeforces and LeetCode.\nMy journey is all about expanding my skills, experimenting with new technologies, and becoming a better problem solver every day.\n" break case "contact information": output = "my email id: amulyamandala007@gmail.com" break case "clear": setTerminalHistory([]) setCurrentInput("") return default: output = "command not recognized. Type 'help' for the list of commands." } if (output) { setTerminalHistory((prev) => [...prev, { type: "output", content: output }]) } setCurrentInput("") } const handleKeyPress = (e: React.KeyboardEvent) => { if (e.key === "Enter") { handleCommand(currentInput) } } const handleTerminalClick = () => { inputRef.current?.focus() } const navItems = [ "help", "about me", "projects", "skills", "contact", "clear", ] return (

{/* Header */}

Amulya mandala

Computer Science Student

{/* Main Content Area */}

{/* Left Sidebar with Profile */} {/* Terminal Area */}

{/* Navigation */}

{navItems.map((item, index) => ( {item} {index < navItems.length - 1 && | } ))}

{/* Terminal Content */}

{/* Welcome Command */}

Amulya@portfolio : ~ $ welcome

{/* Welcome Message */}

Hi, I'm amulya mandala, a computer science student.

Welcome to my interactive 'AI powered' portfolio terminal!

Type 'help' to see available commands. Type 'clear' to go back to the terminal.

{/* Terminal History Display */} {terminalHistory.map((entry, index) => (

{entry.type === "command" ? (

Amulya@portfolio : ~ $ {entry.content}

) : (

{entry.content.includes("c, html, css") ? (

c html css

learning: JavaScript, C++, Data Structures & Algorithms, Competitive Programming (Codeforces, LeetCode), Git & GitHub

) : entry.content.includes("https://github.com") ? (

link to my github profile:{" "} https://github.com/amulyamandala

) : (

{entry.content}

)}

))} {/* Current Prompt */}

Amulya@portfolio : ~ $ setCurrentInput(e.target.value)} onKeyPress={handleKeyPress} className="bg-transparent border-none outline-none text-green-400 font-mono flex-1" autoFocus />

{/* Bottom Status Bar */}

amulya@portfolio : ~ $

{currentTime}

) }