Muhamad Matin Anugrah Pujayanto

"Learning and striving to Become A Better Full Stack Web Developer, even if it's just one piece of code."

let's connect with me 🀝

About Me

I am a fresh graduate with a strong ambition to become a Full Stack Developer – someone capable of developing a website from start to finish by mastering the wide array of technologies and tools required. In 2021, I pursued further education at a vocational school to deepen my knowledge and skills.

My primary focus has been learning various programming languages, as I strive to understand how each one works, along with their respective strengths and limitations. I am also dedicated to honing my abilities in problem-solving, collaborating effectively with others, and continually improving as I progress in my career.

Experience

Internship Web Developer

PT Digital Solusi Master

Nov 2024 β€” Present

icon svg

Laravel

icon svg

MySQL

icon svg

DBeaver

icon svg

Gitlab

Full Stack Developer

Samagaha Creative Digital

Jul 2024 β€” Nov 2024

Developing websites that adhere to best coding practices and established documentation standards, I ensure that each project maintains quality and consistency. I conduct thorough testing to confirm that all functions run smoothly and meet user needs. I always prioritize UI/UX principles to create a more enjoyable and seamless user experience.

icon svg

Laravel

icon svg

MySQL

icon svg

TailwindCSS

icon svg

DBeaver

icon svg

Github

Student at vocational school

SMK 17 Agustus 1945 Surabaya

Jun 2021 β€” Jun 2024

Gaining knowledge of programming concepts, syntax, and logic in languages like PHP, Java, and JavaScript has provided a strong foundation for building my programming skills. Learning to apply best practices in these languages has equipped me to create efficient and maintainable applications and websites. Through a curriculum designed to foster my potential, interests, and career path, vocational school has offered me valuable hands-on experience and essential skills in application and website development. Additionally, seminars and competitions have enhanced my ability to use programming languages to solve real-world case studies.

icon svg

HTML

icon svg

CSS

icon svg

JavaScript

icon svg

PHP

icon svg

Laravel

icon svg

MySQL

icon svg

Java

icon svg

Flutter

icon svg

Github

Internship Frond-End Developer

PT Redbuzz Mediatama

Jan 2023 β€” Apr 2023

Learning to leverage the powerful features of Nuxt has enabled me to handle DOM manipulation and event handling more easily, simplifying my web development process. By utilizing and implementing various Bootstrap features, I can create responsive websites that adapt seamlessly to any device. Additionally, I understand, study, and apply UI/UX principles in my projects to ensure an intuitive, user-friendly interface and an optimal user experience.

icon svg

HTML

icon svg

CSS

icon svg

JavaScript

icon svg

Jquery

icon svg

Bootstrap

icon svg

Vue

icon svg

Nuxt

icon svg

Gitlab

What do I use to build client websites

icon svg

Vue

icon svg

Nuxt

icon svg

Bootstrap

icon svg

TailwindCSS

icon svg

PHP

icon svg

Laravel

icon svg

MySQL

icon svg

DBeaver

icon svg

VSCode

icon svg

Github

Achievement

Full-Stack Web Development: Bikin Projek Ujian Online CBT

BuildWithAngga

Sep 2024

Credential yc9v9inbwZ

Laravel 11, Breeze, Spatie: Bikin Web Platform Online Course

BuildWithAngga

Sep 2024

Credential We0axe6tcu

Implementasi Relasi Database MongoDB di Express, Mongoose

Codepolitan

Jun 2024 β€” Jun 2027

Credential C6DXHNW

Belajar Relasi Data di MongoDB (Database Relationship)

Codepolitan

Jun 2024 β€” Jun 2027

Credential C6DXHNW

Belajar Menggunakan MongoDB di JavaScript

Codepolitan

Jun 2024 β€” Jun 2027

Credential C6DXHNW

Belajar MongoDB

Codepolitan

Jun 2024 β€” Jun 2027

Credential C6DXHNW

Belajar GIT Untuk Progammer Pemula

Gamelab Indonesia

Jun 2024 β€” Jun 2027

Credential GL3453805332

Belajar RESTful dengan Express.js

Codepolitan

Jun 2024 β€” Jun 2027

Credential PNFDGTU

Belajar Dasar Express.js

Codepolitan

Jun 2024 β€” Jun 2027

Credential 84CTEYF

Belajar Dasar Node.js dan NPM

Codepolitan

Jun 2024 β€” Jun 2027

Credential H2QTNAW

Belajar VueJS 3

Codepolitan

Jun 2024 β€” Jun 2027

Credential 1WENAIV

Belajar AJAX dan Web API

Codepolitan

Jun 2024 β€” Jun 2027

Credential PCZ3FB0

Belajar JavaScript DOM

Codepolitan

Mei 2024 β€” Mei 2027

Credential ZWTUJWV

Belajar JavaScript

Codepolitan

Mei 2024 β€” Mei 2027

Credential B9TTI3Z

Belajar Bootstrap CSS Framework

Codepolitan

April 2024 β€” April 2027

Credential K7OU1VU

Belajar Dasar CSS

Codepolitan

April 2024 β€” April 2027

Credential RFTABOX

Belajar Dasar HTML

Codepolitan

April 2024 β€” April 2027

Credential KIE3AKG

Developer Clouder

Alibaba Cloud

March 2024 β€” March 2027

Credential ACCD0119700100008897

Belajar Dasar Visualisasi Data

Dicoding

September 2023 β€” September 2025

Credential JMZV12J5RXN9

Pengenalan Ke Logika Pemrograman (Progamming Logic 101)

Dicoding

August 2023 β€” August 2025

Credential 0LZ0983QNZ65

Memulai Dasar Pemrograman Untuk Menjadi Pengembang Software

Dicoding

July 2023 β€” July 2025

Credential MRZMQO0O3PYQ

Projects

image project

Recipe Science

rocket svg

I built Recipe Science, a book website, inspired by the lack of interest in reading around me. I built this website as a solution for those of you who want to enjoy books again, as well as an effort to revive interest in reading books and this project is open to anyone, I am happy to accept your input to continue developing this website and reach more readers out there.

icon svg

Laravel

icon svg

Livewire

icon svg

DBeaver

icon svg

MySQL

icon svg

TailwindCSS

image project

Online Exam Laravel 11

rocket svg

I built a Laravel 11 online exam which comes from Build With Angga or BWA. However, I am currently facing a challenge as I need additional funds to host and fully deploy this Laravel project.

icon svg

Laravel

icon svg

DBeaver

icon svg

MySQL

icon svg

TailwindCSS

image project

Online Courses Laravel 11

rocket svg

I built a Laravel 11 online course which comes from Build With Angga or BWA. However, I am currently facing a challenge as I need additional funds to host and fully deploy this Laravel project.

icon svg

Laravel

icon svg

DBeaver

icon svg

MySQL

icon svg

TailwindCSS

image project

Remake Image Search

rocket svg

I rebuilt the Image Search website using the Pexel API. I used several Nuxt modules such as Nuxt Google-Font, Nuxt Security, Nuxt Image, and TailwindCSS to provide a new web experience than before. This project is part of my efforts to improve my skills in web development.

icon svg

Nuxt

icon svg

TailwindCSS

image project

Nuxt Blog

rocket svg

I created a blog using the Nuxt Content from Nuxt.js as a means to learn the Nuxt module. The nuxt content is one of many modules available in Nuxt.js, a framework based on Vue.js. I can write my blog content using .md, .yml, .csv or .json. By creating this blog, I can improve my knowledge and skills about Nuxt.js and its modules.

icon svg

Nuxt

icon svg

TailwindCSS

image project

Nuxt Weather

rocket svg

I created a simple weather website I created using framwrok Nuxt.

icon svg

Nuxt

icon svg

TailwindCSS

image project

Typing Game

rocket svg

I created typing game, this game is designed to hone your finger skills and speed in an interactive way.

icon svg

HTML

icon svg

CSS

icon svg

JavaScript

image project

Image Search With Unsplash API

rocket svg

I created a website that displays various interesting photos from the Unsplash API. I used documentation provided by various sources to learn how to access and process data from the API.

icon svg

HTML

icon svg

CSS

icon svg

JavaScript

image project

Color Generate

rocket svg

I created a color generator for inspiration and creativity and makes the color selection process easier for you.

icon svg

HTML

icon svg

CSS

icon svg

JavaScript

image project

Code Editor

rocket svg

I created a simple code editor website that can be used by anyone and anywhere.

icon svg

HTML

icon svg

CSS

icon svg

JavaScript

image project

QR Generate

rocket svg

I created a website that can generate QR codes from text and URLs using the API from https://goqr.me/api/. I leveraged the documentation available on the website to understand how to send requests and receive responses from the API.

icon svg

HTML

icon svg

CSS

icon svg

JavaScript

This website was created using the Nuxt framework and created using Tailwind. Published using Netlify
cip