Hello, I'm Denis Yunda Putri Kurnia!

The Story

This was the Final Project of the Sistech 2025 program. The mission was to build a career platform. Unlike solo projects, this was a massive simulation of the real working world.

I joined forces with a complete Cross-Functional Team consisting of Product Managers, UI/UX Designers, Digital Marketers, and Machine Learning Ops engineers.

My Role

I served as one of the two Front-End Engineers. My main responsibility was translating the high-fidelity designs from the UI/UX team into pixel-perfect code. I also collaborated closely with the ML Ops team to integrate their machine learning models into the web interface.

The Stack

• Next.js / React
• Collaboration (Git/GitHub)
• API Integration (ML Backend)

The Result

A fully functional web application deployed live. This project taught me the art of communication in a diverse tech team and how to merge different fields (Design, Code, Data, and Business) into one cohesive product.

Visit Website

The Story

This project was my second milestone for the Sistech 2025 Front-End Engineering program held by Ristek UI. My goal was to level up from basic React to Next.js by building a dynamic article portal where users can explore technology topics easily.

My Role

I focused on the logic for filtering and sorting data. The main challenge was implementing a feature where clicking a specific category tag (like "React" or "CSS") instantly filters the list to show only relevant articles.

Technologies Used

• Next.js (Framework)
• Tailwind CSS (Styling)
• State Management (Filtering Logic)

The Result

A fast and responsive portal. It successfully demonstrates how to manage data flow in Next.js and create an interactive sorting system that improves user experience.

View Repository

The Story

I built this game mainly to practice and sharpen my DOM manipulation skills. The idea was simple: create a classic Rock Paper Scissors game that runs smoothly in the browser without using any heavy frameworks.

My Role

I handled everything from scratch. I designed the simple interface and wrote the JavaScript logic to handle the game rules, score tracking, and user interactions.

Technologies Used

• HTML5 (Structure)
• CSS3 & Bootstrap 5 (Styling)
• Vanilla JavaScript (Game Logic)

The Result

It’s a fun, responsive web game where you can challenge the computer. This project really helped me understand how to handle events and update the UI dynamically using pure JavaScript.

Play Game

The Story

I wanted to learn how to fetch data from a real-world API. So, I created this app to pull movie and TV show data from TheMovieDB API. The challenge was handling asynchronous data and displaying it in a clean layout.

My Role

As the Frontend Developer, I built the UI, managed the API connection using Fetch API, and implemented the search feature so users can find their favorite movies easily.

Technologies Used

• HTML5
• Bootstrap 5
• JavaScript (Fetch API)

The Result

A fully functional movie library where users can browse popular titles and search for specific ones. It was a great way to master working with external APIs and JSON data.

Visit App

The Story

During my 3-month internship at PT. Mitra Buana Suradinata, I noticed they needed a better way to manage orders. My goal was to build a digital dashboard to help them track rental orders and vehicle inventory more efficiently.

My Role

I focused on the Backend Development. I designed the database, built the admin dashboard logic, and created the system to track order statuses (pending, paid, cancelled) and manage the truck fleet.

Technologies Used

• PHP (Backend)
• MySQL (Database)
• Bootstrap 5 (Admin UI)

The Result

The system successfully digitized their workflow. Now, the admin can easily monitor transactions and generate reports without digging through piles of paper.

View Code

The Story

As one of the initial challenges in the Sistech 2025 program, I was tasked to build a clean and modern version of the classic Tic Tac Toe. This project was a great exercise to sharpen my logic in JavaScript and CSS Grid layouts.

My Role

I coded the entire thing from scratch. I focused on making the code semantic and ensuring the game logic (win conditions and turns) worked flawlessly without any bugs.

Technologies Used

• Semantic HTML5
• CSS3 (Flexbox & Grid)
• Vanilla JavaScript

The Result

A simple yet polished game. It works smoothly and demonstrates my ability to build interactive web components without relying on external libraries.

Play Game

The Story

I wanted to dive into Android Development. So, I challenged myself to recreate the classic 15-puzzle sliding game. The main goal was to understand how mobile game logic works in Java.

My Role

I developed the app using Android Studio. I wrote the logic for shuffling tiles, detecting valid moves, and checking if the player has won.

Technologies Used

• Java
• Android Studio

The Result

A functional and playable Android game. It helped me understand the fundamentals of Object-Oriented Programming (OOP) and mobile UI layout.

View Code

The Story

As a developer, I often need random colors for my projects. So, I built this tool for myself! It generates random hex codes and allows you to copy them to clipboard with a single click.

My Role

I designed a minimalist UI and wrote the script to randomize color codes. I also implemented the "click-to-copy" feature to make it super user-friendly.

Technologies Used

• HTML5
• CSS3
• JavaScript

The Result

A handy little utility tool. It’s fast, lightweight, and does exactly what it's supposed to do. It was a fun practice in building practical tools.

Try It Out