Dursun Ozgur Cakirkaya | Personal Portfolio

A sleek, interactive personal portfolio engineered to resemble a modern Code Editor (IDE). Built to highlight my expertise as a Web3 & Blockchain Technical Support Engineer.

✨ Features

• IDE/Terminal UI: A fully immersive developer aesthetic. Horizontal VS Code style tabs (about_me.md, skills.json), and custom macOS terminal window blocks for metrics and skills.
• Dynamic Cyber Scramble: A 30FPS text decoding animation built in pure JavaScript that cycles through technical titles.
• Tech Grid Design: A sleek CSS grid background with a floating accent orb and automatic Light/Dark mode toggling.
• Hashnode GraphQL: Direct API connections to fetch and render the latest Blockchain blog posts securely.
• Vite Bundler: Optimized with ES Modules, hot-module replacement, and distinct JS components.

🚀 Local Development

1. Clone the repository and install dependencies:

   git clone https://github.com/obscureozy/obscureozy.github.io.git
   cd obscureozy.github.io
   npm install

2. Start the local server:

   npm run dev

3. Open http://localhost:5173.

🧱 Key Project Structure

├── index.html              # Main IDE Layout and DOM
├── src/
│   ├── css/main.css        # Theming, IDE styles, Terminal blocks
│   └── js/
│       ├── main.js         # Entry point
│       ├── tabs.js         # Seamless IDE tab switching
│       ├── typewriter.js   # Cyber Scramble effect
│       ├── theme.js        # Light/Dark mode state
│       └── blog.js         # Hashnode API integration
└── package.json            # Vite commands

📜 License

MIT License.

📬 Contact

• GitHub: @obscureozy
• LinkedIn: Dursun Ozgur Cakirkaya