Skip to content
View Cnagnn's full-sized avatar
  • Surabaya, East Java, Indonesia
  • Instagram cnagn

Block or report Cnagnn

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
Cnagnn/README.md

Yoga Pratama — Frontend craft. Full-stack thinking. Web developer based in Surabaya, Indonesia, open to work.

About   /   Selected work   /   Toolkit   /   Activity   /   Contact


01 / The developer

Good interfaces make complex things feel simple.

I'm Yoga Pratama Putra Rizqulloh, a web developer who enjoys turning ideas into clear, responsive experiences. My focus is frontend development, with full-stack experience connecting interfaces to the logic and data behind them.

I work with React, TypeScript, and Laravel, paying attention to the details that make a product feel right: reusable components, accessibility, consistent design, and maintainable code.

Explore my portfolio ↗

At a glance

BASED IN
Surabaya, Indonesia

LOCAL TIME ZONE
UTC+7 · Asia/Jakarta

MY SWEET SPOT
Frontend × full stack

AVAILABILITY
Open to work & collaboration

02 / Selected work

Two selected projects: interactive learning and everyday business tools.

Featured project: Cryptere — a gamified cryptography learning platform, built with Laravel, React, and TypeScript.

Cryptere / Learn. Solve. Level up.

A cryptography e-learning platform that combines structured courses with interactive quizzes and coding challenges. XP, badges, and leaderboards make progress part of the learning experience.

Laravel React TypeScript Inertia.js Tailwind CSS MySQL

Explore the repository ↗


Project Kasir / Mini POS — a web-based point-of-sale and inventory application, built with Laravel, PHP, and Blade.

Project Kasir / Mini POS

A web-based point-of-sale application that brings products, inventory, sales, purchases, and reports into one place. Role-based access supports the day-to-day work of managers and cashiers.

Laravel PHP Blade JavaScript CSS

Explore the repository ↗


03 / The toolkit

TypeScript   JavaScript   React   Tailwind CSS   PHP   Laravel   MySQL   Git

Layer What I use
Interface React · Vue.js · TypeScript · JavaScript · HTML · CSS
Styling Tailwind CSS · Bootstrap
Application Laravel · PHP · Inertia.js · Blade · Node.js
Data MySQL
Workflow Git · Vite · VS Code · Figma · Postman

How I approach a build

01 — STRUCTURE

Make it clear.

Understand the user journey. Break the interface into focused, reusable components.

 02 — CONNECT

Make it work.

Connect the UI to application logic and data, with thoughtful states and interactions.

 03 — REFINE

Make it feel right.

Check responsiveness, accessibility, and performance. Pay attention to the small details.

Experience

Frontend Web Developer Intern · CV. OTW Computer Gusaha
SEPTEMBER — DECEMBER 2025


04 / Behind the builds

A small window into my GitHub activity. These visuals use my contribution data and refresh daily.

Open the contribution city ↗ — an isometric view of the past year
An isometric calendar of Cnagnn's GitHub contributions over the past year.
Launch the arcade ↗ — contributions, space-shooter style
An arcade-style space shooter generated from Cnagnn's GitHub contribution data.

Built with Metrics and GitHub Space Shooter · View workflow


05 / Let's build something

Have a role, a project, or an idea in mind? I'd love to hear about it.

Have something in mind? Let's turn it into something real. Email yogapratamaputrar@gmail.com.

Email   /   LinkedIn   /   WhatsApp   /   Portfolio


YOGA PRATAMA   /   CNAGNN   /   BUILT WITH INTENTION

@Cnagnn's activity is private