Experience the 3D Corridor: A Journey Through Code and Art
Welcome to Danis' Digital Space
Welcome to the interactive portfolio of Danis, a developer from Badung focused on web development and modern technology exploration.
The experience presents web engineering, AI, cybersecurity, IoT, software development, private experiments, competitions, and real production work through a hand-drawn 3D interface.
Danis started learning coding in grade 6 and has built more than seven years of informal experience through private projects, experiments, freelance work, client websites, company applications, academic systems, and production-level SMK projects.
The corridor serves as the central hub, offering rooms for projects, biography, studio notes, contact, and hidden archive details.
About Danis: The Developer Behind the Screen
My Developer Journey
My name is Danis. I am a developer from Badung whose main focus is web development, while also exploring AI, cybersecurity, IoT, application development, games, and embedded systems.
During SMK, my experience became more serious through websites and applications for companies and freelance clients, brand building, academic systems, and projects with production-level requirements.
Core Technical Skills & Stack
As a modern web developer, a robust and versatile technology stack is crucial. My tech stack is meticulously chosen to deliver high performance, scalability, and maintainability.
- Web Engineering: Web development, software systems, frontend interfaces, practical applications, and production-level project delivery.
- AI & Cybersecurity: Competition experience, applied problem solving, and continued exploration of modern intelligent and secure systems.
- IoT & Embedded Systems: Hands-on exploration with Arduino, ESP, Raspberry Pi, and other microcontrollers.
- Competitions: LKS Web Technologies at city and Bali province level, plus government KA/AI achievements at city and province level.
- Project Experience: Private experiments, freelance work, company websites/apps, academic systems, and final-assignment project support.
The Gallery: Selected Works and Case Studies
In the 3D gallery room, you can walk through an exhibition of commercial, academic, experimental, and personal projects connected to Danis' software journey.
MoneTune - Full-Stack Financial Dashboard
MoneTune is an expansive, full-stack web application born out of the necessity for better personal finance tracking and management.
Built with a modern React frontend and a secure, scalable backend architecture, MoneTune helps users visualize their spending habits, track recurring subscriptions, and set dynamic budgeting goals.
The UI features complex data visualization charts, real-time updates, and an intuitive dashboard that makes financial planning completely frictionless.
Developing MoneTune challenged me to architect robust relational databases, handle sensitive user authentication securely, and optimize massive data-sets for instantaneous frontend rendering.
TimberKitty - Interactive Web Experience
TimberKitty represents my playful, creative side as a frontend engineer. This project is a highly interactive, animated web experience that utilizes modern CSS Grid, flexbox, and advanced logic to create a game-like interface within the DOM.
It focuses heavily on micro-interactions—how buttons react, how items transition into view, and how the user feels while navigating the application.
TimberKitty demonstrates my ability to take a whimsical design concept and bring it to life with precision, ensuring cross-browser compatibility and flawlessly smooth animations using custom hooks and GSAP.
It stands as a testament to building web apps that are as fun to use as they are technically sound.
Young Multi Concept - 3D Collaboration
The Young Multi project is a cutting-edge web development initiative that heavily incorporates WebGL and Three.js capabilities.
Designed as a promotional/editorial concept, this site uses scroll-based storytelling mapped to a 3D environment.
As the user scrolls, the camera navigates through a custom 3D scene, dynamically triggering HTML overlays and React components.
This project required advanced optimization techniques, including GLTF model compression, texture atlasing, and custom shader materials to ensure the experience remained fluid even on mid-tier mobile devices.
It is a perfect example of what the modern web can achieve visually.
Open Source & Continuous Learning
Beyond highlighted work, Danis keeps experimenting with new technology fields. The strongest pattern is continuous learning: building systems, debugging problems, testing ideas, and connecting web engineering with AI, cybersecurity, IoT, and embedded systems.